最新create-react-native-app搭建rn教程
Posted piaobodewu
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了最新create-react-native-app搭建rn教程相关的知识,希望对你有一定的参考价值。
一、前置条件:
1、nodeJS环境
2、npm
3、yarn
二、安装及项目初始化
1、安装脚手架
npm install -g create-react-native-app
2、用脚手架初始化创建项目
create-react-native-app appName
过程中
1)会让选择是否用navigation模板,选择用就行,
2)还会让起名字,起一个名字就行
3)选择使用yarn安装,安装之前修改package.json中react-native版本为0.57.1就行
3、启动项目
yarn start
1分钟左右,会出现一个大大的二维码
三、调试项目
在谷歌app商店下载Expo
安装expo后,扫码就能正常调试啦。
四、遇到的坑
1、安装依赖不成功:修改package.json中react-native版本为0.57.1,这个版本号很重要
2、谷歌账号注册不了:谷歌app商店下载应用需要先注册登录,而注册又需要用到手机验证码,不出意外地话都会提示手机号错误。
解决方法:使用windows自带的IE浏览器打开google,进行注册,这样就不会提示手机号错误啦。
以上是关于最新create-react-native-app搭建rn教程的主要内容,如果未能解决你的问题,请参考以下文章
使用“create-react-native-app”时出错
Expo - 网络响应超时错误 (create-react-native-app) (Windows 10)
更新 react-native-maps 以使用 create-react-native-app
使用 Expo 运行时,create-react-native-app 无法构建 javascript 包
使用 Relay + React Native (create-react-native-app) 时出错:GraphQL 验证错误`未知类型“查看器”。`
React-Native 和 Expo:create-react-native-app 和 react-native init 之间的区别