Action
1.创建项目
搭建好环境之后,我们就可以使用react-native命令来创建我们的第一个项目Hello了
在终端输入命令行
react-native init Hello
此处有个注意点:命令是react-native,而不是react native.没错,我第一次的时候就犯过这个错
第一次初始化的时候可能会比较慢,因为会去npm下载一些react native的相关的包
如果一直卡在Installing react-native package from npm...这儿,可以将镜像改成淘宝的
注意:两个命令逐一执行,缺一不可
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
2.打开Hello项目
在上一步创建项目成功之后,在最下方可以看到Open /Users/xxxx/Hello/ios/Hello/Hello.xcodeproj in Xcode
找到上面的路径,双击Hello.xcodeproj打开
CMD+R运行即可.此时,终端会自动运行,不用管,也不要关闭.不出意外,你可以看到下面的画面
cmd-markdown-logo
如果很不幸,你看到的不是上面那样的.需要在你的终端输入ifconfig 查看自己本机的IP地址
然后在AppDelegate.m文件中,将localhost改成你的IP地址即可.
3.修改index.ios.js文件
- 使用Sublime Text打开`index.ios.js`文件, 随意改一下fontSize或者margin之类的,然后选中你的模拟器,
CMD + R即可直接刷新.这就说明,我们修改JavaScript文件生效了.
Hello,React Native
最新推荐文章于 2023-10-12 15:40:09 发布