最新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 之间的区别