react native 环境

只介绍mac安卓过程，安卓类似，最近入了mac顺便将做了快一个多月的react做了一个总结。

官方详细文档： https://reactnative.cn/docs/getting-started.html

一.  环境

最基本的： Node，Xcode，yarn。  npm 镜像源切换到原因是国内访问外网太慢，可切换为淘宝镜像。我是直接有上网工具，这一步我就略过。 mac还有额外的： Homebrew, Watchman, CocoaPods， 他们几个作用暂时说不上来，按照官方文档安装。 （Watchman则是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager 可以快速捕捉文件的变化从而实现实时刷新））。

 

二. 项目运行

项目具体的搭建请按照官方文档一步步的来。 项目搭建完成后，由于是多个前段同时开发，每次都要检查package.json文件是否更新，如果有更新window直接yarn安装即可， mac在yarn后还需要cd到ios文件夹下面执行pod install。

 

问题总结

基础环境搭建的过程官方文档>任何人的博客，但是中间出现的问题我做了如下规整。

1. 在运行yarn android/yarn ios（mac上出现的问题较少）时， 经常会报错或者是server自动关闭了，这时不需要担心，只要代码没有问题，多运行几次一般就可以成功。  可以百度尝试clean项目，我在做项目时一般都会多执行几次而不会做clean操作。
2. windows想要连接夜神模拟器： adb connect 127.0.0.1: 62001。 模拟器是有局限性的，相机，定位等功能在模拟器上多少会出现问题，个人建议在开发过程中，需要真机和模拟器同时使用，这样可以规避一些真机上出现的错误，防止测试多次找你算账。
3. 刚开始将标签写到变量中真的是极为变扭，并且一个与html界面重要的区别就是父标签的css中写的比如fontSize， color等参数是不会影响到子标签的。 
4. 添加插件比较复杂，如果遇到插件中需要获取权限的要分别配置ios 和安卓的权限， 这块是前期做react native最繁琐的一个地方，刚开始完全不知道怎么配置。
5. 遇到红色的报错信息不要害怕，先检查代码，如无问题，可尝试键盘R键刷新项目重新测试，但任何红色的信息都要去解决，不然打包后这样的情况的具体表现就是闪退（终于知道了很多软件突然闪退是咋回事了 ^_^ ）
6. react native 更加能体现封装的思想，可以尝试把一个界面中的任何小片段拿出来，用变量的方法插入到界面中，这会使得代码变得非常规整（我觉得这是react native的一个很好的优点）
7. 关于class组件和function组件，我个人习惯主界面用class组件，利用class的生命周期来进行一些数据操作。 function组件用来封装成小组件（input,datapicker,header, dialog这样的组件 ）