import * as React from 'react';
import { Text, View, StyleSheet,TextInput } from 'react-native';
import Constants from 'expo-constants';
export default function App() {
return (
<View>
<View style={styles.container}>
<View style={styles.flex}>
<View >
<Text>E-Mail</Text>
<TextInput style={[{borderWidth:1}, {width:'100px'},{marginEnd:10}]}>
</TextInput>
</View>
<View>
<Text>Name</Text>
<TextInput style={[{borderWidth:1}, {width:'100px'}]}>
</TextInput>
</View>
<View >
<Text>Country</Text>
<TextInput style={[{borderWidth:1}, {width:'100px'},{marginEnd:10}]}>
</TextInput></View>
<View>
<Text>City</Text>
<TextInput style={[{borderWidth:1}, {width:'100px'}]}>
</TextInput>
</View>
</View>
<View style={{margin:10}}>
<Text>Address</Text>
<TextInput multiline='true' style={[{borderWidth:1}, {width:'100px'},{height:'100'}]}></TextInput>
</View>
</View>
<View style={styles.botan}>
<Text style={{color:'#fff'}}>
SUBMIT</Text>
</View>
</View>
);
}
const styles = StyleSheet.create({
container: {
justifyContent: 'center',
paddingTop: Constants.statusBarHeight,
padding: 8,
},
flex:{
flex:1,
flexDirection:'row',
flexWrap:'wrap',
margin:10
},
botan:{
flex:1,
right:'10%',
minWidth:'40%',
backgroundColor:'#009dff',
borderRadius:10,
padding:10,
color:'#fff',
alignItems:'center',
margin:'auto'
}
});
NEW ENTRIES