1
إذا قمت بفتح التطبيق الافتراضي، يمكنك ملاحظة أن الملف app.js يبدو كذلك
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default class App extends React.Component {
render() {
return (
<View style = {styles.container}>
<Text>Open up App.js to start working on your app!</Text>
<Text>Changes you make will automatically reload.</Text>
<Text>Shake your phone to open the developer menu.</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
لعرض رسالة بسيطة تقول “مرحبًا بك في Tutorialspoint”، قم بإزالة جزء CSS وأدخل الرسالة المراد طباعتها ملفوفة بواسطة علامات
داخل كما هو موضح أدناه.
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default class App extends React.Component {
render() {
return (
<View>
<Text>Welcome to Tutorialspoint</Text>
</View>
);
}
}