React Native 之 Hello World

1/创建HelloWord

mac终端cd到workspace,执行创建工程命令 : react-native init HelloWorld

2/ cd进工程,打开IOS工程用xcode,cmd+R运行前执行命令: react-native start,开启服务

如果http://localhost:8081/index.ios.bundle?platform=ios&dev=true 能正常访问,则证明环境ok,此时运行工程,模拟器显示正常

3/注意:

React Native(RN)启动不成功,unable to download js bundle错误解决方案

解决方案如下:

• 3.1.首先需要设置IP和端口，默认端口是8081，手机(模拟器)和电脑在同一个网络中，查询电脑的IP地址。
• 3.2.手动去删除.babelrc隐藏文件，具体文件目录为:node_modules/react-deep-force-update/.babelrc
• 如果是其他版本，那也是需要删除的不过路径已经发生变化了。具体路径:/node_modules/react-native/node_modules/react-transform-hmr/node_modules/react-proxy/node_modules/react-deep-force-update
• 3.3.最后重点 Android项目关闭终端重新执行运行命令，iOS项目也需要关闭服务终端,重新启动packager