रिएक्टिव नेटिव - ऐप

यदि आप डिफ़ॉल्ट ऐप खोलते हैं, तो आप देख सकते हैं कि 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',
   },
});

उत्पादन

नमस्ते दुनिया

एक सरल संदेश प्रदर्शित करने के लिए, जिसमें कहा गया है कि "वेलकम टू ट्यूटोरियलस्पॉट" में सीएसएस भाग को हटा दें और नीचे दिखाए गए अनुसार <text> </ text> टैग द्वारा लिपटा जाने वाला संदेश डालें।

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>
      );
   }
}