Files
imexmobile/components/screen-splash/screen-splash.component.jsx
2021-03-11 11:53:42 -07:00

30 lines
832 B
JavaScript

import React from "react";
import { useTranslation } from "react-i18next";
import { Image, StyleSheet, View } from "react-native";
import { BarIndicator } from "react-native-indicators";
import { Title } from "react-native-paper";
import Logo from "../../assets/logo192.png";
import styles from "../styles";
export default function ScreenSplash() {
const { t } = useTranslation();
return (
<View
contentContainerStyle={[
styles.contentContainer__centered,
localStyles.middleAlign,
]}
>
<Image style={localStyles.logo} source={Logo} />
<Title>{t("app.title")}</Title>
<BarIndicator count={5} color="dodgerblue" />
</View>
);
}
const localStyles = StyleSheet.create({
middleAlign: {
alignItems: "center",
},
logo: { width: 100, height: 100, margin: 20 },
});