探索React Native基础项目: 构建移动应用的新起点

import React from 'react';
import { Text, View, StyleSheet } from 'react-native';
 
const App = () => {
  return (
    <View style={styles.container}>
      <Text style={styles.welcome}>Welcome to React Native!</Text>
      <Text style={styles.instructions}>To get started, edit App.js</Text>
      <Text style={styles.instructions}>{instructions}</Text>
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});
 
export default App;

这段代码展示了如何使用React Native创建一个简单的移动应用，其中包含了一个基本的视图和两行文本。它使用了React组件和React Native的样式表来实现布局和样式。这是学习React Native的一个很好的起点，因为它演示了如何组合基本元素来构建一个UI，并且包含了样式的基本使用方法。