/react-native-Common-Problems

react-native 开发常见问题

JS

RN开发使用的是JavaScript，不管是ES5，ES6, TypeScript，只要是JS的语法，RN都能用，如果遇到JS问题，请直接百度。

通用

1、RN里面真的没有好用的下拉刷新和上拉加载组件，都是用ScrollView，FlatList，SectionList，ListView提供的效果；

2、如果需要安装新的三方库，请一定首先尝试yarn add xxx；如果下载了开源项目，请一定首先尝试yarn；请尽可能的少用npm、rnpm等过时操作；

3、如果下载了很老的三方库，使用的时候会报关于PropTypes的错误，原因是PropTypes已经从react中移除，需要安装prop-types这个三方库；

4、关于react-native版本升级，我的建议是迁移(创建新项目，将老代码拷贝到新项目中)，而不是直接升级，因为RN每次更新有很大的不确定性；

iOS

1、 在不修改info.plist文件之前，一定要用https的网络请求(如何修改请百度)；

2、在使用定位，拍照，相机等权限的时候，也需要在info.plist中修改，可以参考react-native-image-picker闪退的解决办法；

3、搜索框、长按等出来的菜单，做本地化处理后，可显示中文；

4、在RN0.45版本后，iOS新建项目之前需要配置third-party，请按照下面教程操作iOS RN 0.45以上版本所需的第三方编译库(boost等)

Android

1、真机调试的时候，需要在Dev Settings里面修改Debug server host & port for device，将本地IP + :8081填入输入框；

2、真机调试的时候，如果无法通过摇一摇唤起开发菜单，可以通过终端运行adb shell input keyevent 82唤起；

3、真机调试的时候，小米、魅族要开启悬浮窗权限和关闭MIUI优化；

版本问题

已知

1、0.52版本react-native-vector-icons正常安装后不能使用。 解决方式：执行rm ./node_modules/react-native/local-cli/core/__fixtures__/files/package.json。 参考oblador/react-native-vector-icons#626。

布局

虽然RN使用的是精简版Flex，但Flex有用的绝大多数属性都是可以使用的，如果遇到布局问题，请查看阮一峰的教程。 ####Flex 布局教程

稍后会将RN可以使用的Flex布局整理出来。

欢迎提PR