React Native学习笔记

官网： https://reactnative.cn/ https://facebook.github.io/react-native/

写的Demo： https://github.com/aifeier/ReactNativeTestProject

生命周期： https://www.race604.com/react-native-component-lifecycle/

测试创建并运行Android项目：

react- native init AwesomeProjectcd AwesomeProjectreact- native run-android

红屏5.0.0的bug解决： https://github.com/facebook/react-native/issues/18962

Intellij IDEA 下载破解： https://blog.youkuaiyun.com/yangying496875002/article/details/73603303

Promise：链式回调 https://www.cnblogs.com/whybxy/p/7645578.html

ART 绘制实践： https://blog.youkuaiyun.com/xiangzhihong8/article/details/76572405?ref=myread ，ART API https://github.com/react-native-china/react-native-ART-doc/blob/master/doc.md

React Native供了和web标准一致的 Fetch API、 XMLHttpRequest和WebSocket，可以来进行网络请求。

在Android中使用Activity继承ReactActivity，并且复写getMainComponentName的方法，返回的名称就是在RN js中注册的页面名称

资源查找： https://github.com/reactnativecn/react-native-guide

组件查找，比较全，就是要用英文： https://js.coach/

好看的图表： https://github.com/wuxudong/react-native-charts-wrapper

高德地图控件： https://github.com/qiuxiang/react-native-amap3d

再次定义原生方法

问题

1、打开android项目找不到 com .facebook.react.ReactActivity，解决在gradle.properties中添加 android.enableBuildCache = false ，原因是AS升级到3.0以后缓存位置文件改变了

参考 ： https://blog.youkuaiyun.com/hejun041/article/details/78143839

2、直接使用AS打包需要每次都生成离线JsBundle：

react- native bundle --platform android --dev false --entry- file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

3、某个module有问题，使用npm install modulename -save，重新安装可行，貌似是npm的bug

4、undefined is not an object (evaluating '_react.PropTypes.number') <unknown>...

原因是随着React Native的升级，系统废弃了很多的东西，过去我们可以直接使用 React.PropTypes 来进行属性确认，不过这个自 React v15.5 起就被移除了，转而使用prop-types库来进行替换 需要给项目添加yarn add prop-types/npm install --save prop-types，在需要引用的地方使用 import {PropTypes} from 'prop-types'

5、绑定this和参数的方法：

方法定义1-n个参数，写在前面，最后接event参数，bind后面接this，加上1-n个参数

6 、使用props传值给component：

7、Image加载网络图片需要指定大小，否在默认为0*0，在下载完成后才会以真正的size来显示