File Edit Selection View Go Oreact native
JS Page3,js JS Page4js JS Page5js JS Page6,js JS Page7js JS Page8,js JS Page9,js X
Demo >pages > J5 Pagejs >tel styles >container >margin
1 import { View, Text, TextInput, Button, StyleSheet, style, safeAreaView } from "react-native ";
2 export default function Page9(){
3 return(
4 <SafeAreaView >
<TextInput
style=(styles . input}
placeholder=" enter your name"
keyboardType="default"
9
10 <TextInput style={styles. input} I
11 placeholder="enter your email"
12 keyboardType=" email address "
13
14 <TextInput style={styles.password}
15 placeholder="password"
16 secureTextEntry={true}
17
18 <Button title="submit" />
19 </SafeAreaView>
20
21
22 const styles = StyleSheet. create({
23
container:
24 flex:1,
25 JustifyContent: 'center'
26 alignItems : 'center ',
27 paddingHorizontal :20,
28 margin:500,
29
30 input: {
31 height: 40,
32 margin: 12,
33 borderWidth: 1,
34 borderRadius :10,
35 padding : 10,
36
I
37
File Edit Selection View Go react native
JS Page2js JS Appjs JS Page1js JS Page3js JS Page4js S Page5js JS Page6js
Demo > JS Appjs >O App
1/ import { StatusBar } from 'expo-status - bar';
2 import { StyleSheet, Text, View, FlatList } from 'react-native';
import Page9
4 from'./pages/Page9';
5 export default function App() {
6
8 return (
9
10 <View
11
12
13 KPages/
14
15 </View>
16
17
18
19 const styles = StyleSheet . create({
20
21 container:
22 flex: 1,
23
24 alignItems: 'center
25 justifyContent: 'center'
26
27
28
0A0 Ln 21, Col 15 Spaces: 2
34.5
ent6 KB/S
Vo
NR 5G+ 50%
your name
enter your email
password
SUBMIT