React Native环境搭建及Hello World

以下是一个简单的React Native项目的创建和运行“Hello World”的示例：

1. 安装或更新react-native-cli工具：

npm install -g react-native-cli

2. 创建一个新的React Native项目：

react-native init HelloWorld

3. 进入项目目录：

cd HelloWorld

4. 启动iOS模拟器（如果你使用的是Mac）：

open -a Simulator

5. 在项目目录中启动Metro Bundler（用于热重载）：

react-native start

6. 在另外一个终端中，运行应用程序：

react-native run-ios

如果一切顺利，你应该看到iOS模拟器上显示的“Hello World”应用。

以下是index.js文件的一个简单示例，它会显示一个简单的“Hello World”文本：

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
 
export default function App() {
  return (
    <View style={styles.container}>
      <Text style={styles.hello}>Hello World!</Text>
    </View>
  );
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  hello: {
    fontSize: 24,
    margin: 10,
  },
});

确保在运行应用程序之前启动Metro Bundler（react-native start），因为它会监听代码变化并实时打包。每次保存文件后，应用程序应该会自动刷新显示最新的变化。