poer 1

import React from 'react';

import { View, Text, StyleSheet } from 'react-native';

export default function App() {

return (
<View style={styles.container}>
<Text style={styles.teks}>Hello World </Text>
</View>
)}

const styles=StyleSheet.create(
{container:{
flex:1,
padding:10,
margin:20
},
teks: {
marginTop:16,
paddingVertical:8,
borderWidth:3,
borderRadius:8,
backgroundColor: 'yellow',
textAlign: 'center',
fontSize: 20,
fontWeight:'bold'}
});

poer2

import React from 'react';

import {Text, View} from 'react-native';

const HelloWorldApp = () => {

return (
<View
style={{
flex: 1,
justifyContent: 'center',
alignItems: 'center',
}}>
<Text>Hello, world!</Text>
</View>
);
};
export default HelloWorldApp;