React Native项目新建--HelloWorld
1、打开React Native的工作空间（实际上就是自己随便建的文件夹用来存放ReactNative项目的目录），就是在cmd黑框框下，使用cd命令打开目录。
2、新建项目，react-native init HelloWorld
PS：可以使用--version参数创建指定版本的项目。例如react-native init MyApp --version 0.39.2。注意版本号必须精确到两个小数点。
3、到项目目录下的index.android.js（这里是搭建的安卓环境，所以修改这个文件，IOS则是修改index.ios.js）
4、用编辑器打开index.android.js，替换编码原js内容
import React, { Component } from 'reac t';reactnative开发
import { AppRegistry, Text } from 'react-native';
class HelloWorld extends Component {
render() {
return (
<Text>Hello world!</Text>
);
}
}
// 注意，这里用引号括起来的'HelloWorld'必须和你init创建的项目名一致
5、启动Genymotion模拟器
5、启动服务，react-native start --port 8082
默认端口是8081，我们公司装的麦咖啡杀软占用了此端口，所以启动增加端口参数。
6、运行项目，cmd黑框框进到项目目录，执行react-native run-android
7、首次运行可能会遇到不到device等问题
这是因为没有启动模拟器，如果启动了，可以在cmd黑框框，输入adb devices命令检查，如果出现
表示检测到虚拟机。
PS：只能开一个虚拟机，开多个也只能在一个上运行，貌似不能选择运行的虚拟机
如果有虚拟机在运行，但是依然报这个错的时候，请检查Android_Home指定的SDK下的build-tools目录下面是否有23.0.1这个目录，如果没有，则你需要去下载这个sdk（其实就是你环境搭建没有仔细看，强调了必须要这边版本的）
还可能还遇到jdk版本低的问题，此时是需要jdk1.8。
出现这个问题是虚拟机没有设置IP、端口导致。
解决：在虚拟机上点击菜单按钮，再点击Dev Settings选项，到
点击模拟器的菜单键后，还可以选择
最终效果
至此就做完hello world了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。