这段时间不怎么忙,然后我们公司产品说让给了个需求让用Rn去实现,我当时还不乐意,根本就不会Rn搞个屁啊,产品真的很烦,每天都会问进度,我们老大也说不会了那就学,于是我就打算搞一搞,好啦  不BB啦  说重点

环境搭建:

可参考https://reactnative.cn/docs/integration-with-existing-apps/

Android安装:

这个就不这里多说了。

准备工具:Node, Python2, JDK

文档上还说要设置镜像:yarn config set registry https://registry.npm.taobao.org --global

                                              yarn config set disturl https://npm.taobao.org/dist --global

因为服务器要国外的,所以我们要设置成我们国内的服务器。

React Native安装:

在终端里输入  npm install -g react-native-cli命令下面我们就是等待它安装完毕就可以了

新建工程:

在终端输入

react-native init RnDemo

初始化工程  这一步也是需要漫长的等待

ReactNative学习笔记

从上图我们可以看到这默认生成一个android工程,一个ios工程,还有两个index文件,一个android的js文件,一个ios的js文件,以及一个node_modules文件夹和package.json文件,这两个都是运行所需要的文件。

  之后进入到工程目录下:

cd RnDemo

运行工程:

react-native run-android

本来觉得我的第一个工程就跑成功了,结果报错了,白高兴一场,心情都要炸了

ReactNative学习笔记

 

真的是一脸懵逼,后来查看资料解决办法如下:

https://github.com/react-community/create-react-native-app/issues/721

  • 删除node_modules文件夹
  • 在package.json中,更改了react-native版本“react-native”:“0.55.2”和babel“babel-preset-react-native”:“4”
  • 运行yarn install或npm install
  • 最后运行react-native run-android    就OK了。

 

 

相关文章: