إذا قمت بفتح التطبيق الافتراضي، يمكنك ملاحظة أن الملف 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',
},
});
React Native App
لعرض رسالة بسيطة تقول “مرحبًا بك في 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>
);
}
}
محاضر ومطور برمجيات ، لدي خبرة منذ عام ٢٠٠٠ ، أعمل على تطوير مهاراتي بشكل مستمر وأقوم بتدريس الدورات التدريبية المتعلقة بمجال البرمجيات في عدة مسارات مختلفة.
دورات تدريبية متخصصة في مجالات تحليل البيانات الضخمة ، علوم الكمبيوتر ، قواعد البيانات ، جافا ، تطوير تطبيقات الهاتف ، لغات برمجة ، إختبار البرمجيات ، برمجة الويب ، تقنيات بايثون ، التسويق الرقمي ، تقنيات مايكروسوفت ، الإدارة والمحاسبة