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

  输出

  
• 

  你好世界

  要显示一条简单的消息，说“欢迎来到 Tutorialspoint”，请删除 CSS 部分并插入要打印的消息，并由 <view></view> 内的 <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>
        );
     }
  }