Advertisement
CarlosWGama

Aula 04 - Interface 1

Jan 24th, 2023
1,047
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import { View, Text, ImageBackground, StyleSheet } from 'react-native';
  2. import bg from './../../assets/imgs/bg.png';
  3.  
  4. export interface LoginScreenProps {
  5. }
  6.  
  7. export function LoginScreen(props: LoginScreenProps) {
  8.       return (
  9.           <ImageBackground source={bg} style={styles.background}>
  10.               <View style={styles.container}>
  11.                   <Text style={styles.logo}>APP</Text>
  12.               </View>
  13.           </ImageBackground>
  14.       );
  15.   }
  16.  
  17.   const styles = StyleSheet.create({
  18.       background: {width:'100%', height:'100%'},
  19.       container: {
  20.           flex: 1,
  21.           justifyContent: 'center',
  22.           padding: 10,
  23.           alignItems: 'stretch'
  24.       },
  25.       logo: { color: 'white', fontSize: 50, textAlign: 'center'}
  26. });
  27.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement