记录一些工作中遇到的兼容性问题: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属性在部分安卓无效
<Switch
onValueChange={onChange}
value={isChecked}
style={styles.switchStyle}
onTintColor={ButtonColor.SWITCH_BACKGROUND_GREEN}