ile Edit Selection View Go p read native ITJ g m ag
JS Page3Js JS Page4.js JS PageSJs JS Page6Js JS Page7Js JS Page8Js JS Page9Js JS Page 1Ojs X
Demo Page10Js >[eJ styles >Jt button >P margin
>pages > JS
1 import { View,Text,Textinput, Button,StyleSheet,style, SafeAreaView, TouchableOpacity } from "react-native";
2 export default function Page10 (){
3 return(
4 <SafeAreaView>
5
6 <Button title="submit" onPress={ O= > alert ("Button Pres sed!" ) } />
7 <TouchableOpacity style={styles .button}
8 onPress={ () =>alert ( "TouchableOpaci ty Pressed!" )} >
9 <Text >Touhable</Text >
10 </TouchableOpacity>
11
12
13
14 </SafeAreaView>
15
16 }
17 canst styles = StyleSheet .create ({
18 button:EJ
19 borderWidth :.1 ,
20 borderColor: "Black",
21 backgroundColor: "biue 11
· ,
22 f margin: 108 fil
23 })
©o&o c~o Lo. Zl, Col 15 Sp1~e$:4 UTF-8, CRLF {A JavaScript ,#' Prettier 0
- - - -- - -- - - - -
>(I File Edit Selection View Go ~--· ·--
JS Page2Js JS AppJs X JS Page1Js JS Page3Js JS Page4Js JS PageSJs JS Page6Js
Demo > JS AppJs >...
1 // import { StatusBar} from 'expo-status-bar';
2 import { StyleSheet, Text, View, Flatlist } f .rom. ' rejct-o~tiv.el';1
3 import ~ lffl·-----------------m-----------
4 I from'./pages/Page10';
s export default function APP() i
6
7
8 return (
9
10 <View
11
12
13
14
15 </View>
16 );
17
18
19 const styles = StyleSheet . create({
20
container: {
flex: 1.,
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _lrln~3l·,GCo~l1144 Spaces: 2 UTF---8 LF
>4 File Edit Selection View Go ·, · !. ~-"'-· P react native
JS Page2js JS AppJs ~~ JS Page 1Js JS Page3Js JS Page4Js JS Page5js
Demo > JS AppJs >...
19 const styles = StyleSheet .crfi!!i:te{f
21
24
25
/ Icontainer: {
alignitems: 'center',
justifyContent: 'center•,,
26 },
27 } );
28
SUBMIT
lrouhable
(D Cannot record touch end without a touch start ....
9:49
Alert
TouchableOpacity Pressed!
