تطبيق React Native

React Native

إذا قمت بفتح التطبيق الافتراضي، يمكنك ملاحظة أن الملف 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>
      );
   }
}
React Native – App

Related posts

React Native – State

Ionic – Javascript Content

Ionic – Javascript Action Sheet