ReactNative学习笔记

这段时间不怎么忙，然后我们公司产品说让给了个需求让用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

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

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

  之后进入到工程目录下：

cd RnDemo

运行工程：

react-native run-android

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

 

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

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了。