Skip to content

CodeRabbitYu/react-native-Common-Problems

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 

Repository files navigation

react-native 开发常见问题

JS

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

通用

1、RN里面真的没有好用的下拉刷新和上拉加载组件,都是用ScrollViewFlatListSectionListListView提供的效果;

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

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published