记录RN开发中遇到的兼容性问题
190 浏览量
2021-01-20
08:43:29
上传
评论
收藏 64KB PDF 举报
记录记录RN开发中遇到的兼容性问题开发中遇到的兼容性问题
记录一些工作中遇到的兼容性问题：https://github.com/aijason/react-native-platform-compatibility-issues
Android
1、如果无设置具体宽度，部分安卓手机会出现文字超出容器情况。
lgNormalText: {
flex: 1,
flexWrap: 'wrap',
fontSize: S(28),
}
解决方法：
给Text或Text容器设置具体宽度，不能使用flex：1
lgNormalText: {
width: S(508),
flexWrap: 'wrap',
fontSize: S(28),
}
2、安卓上图片地址无改变时，图片不会刷新。
解决方法：
后台返回新图片地址需是唯一的
前端给图片地址参数加上时间戳
const newImageUri = https://www.image.com?a=b×tamp=${new Date().getTime()}
3、官方Switch组件新trackColor属性在部分安卓无效
解决方法：使用onTintColor属性
4、TextInput在安卓上默认有padding，IOS没有
解决方法：安卓上手动将TextInput的padding设置为0
5、在render函数中渲染沉浸式状态栏时，在安卓上总是被原生的状态栏样式渲染覆盖
解决方法：在组件声明周期componentDidMount中使用StatusBar方法改变状态栏
componentDidMount() {
StatusBar.setTranslucent(true);
StatusBar.setBackgroundColor('transparent');
StatusBar.setBarStyle('light-content');
}
6、WebView加载本地静态HTML文件时，需要加上baseUrl: ''，否则部分安卓机型会出现文字乱码
7、人民币符号明文使用‘¥’，在部分安卓机型展示会有问题
¥
解决方法：
¥
8、Android键盘会把底部的元素顶上去,如下，KsButton会被顶上去
weixin_38545961
- 粉丝: 4
- 资源: 963
评论0