记录RN开发中遇到的兼容性问题

博客详细记录了在React Native开发中遇到的Android和iOS平台的兼容性问题,包括Android上的文字超出容器、图片刷新、Switch组件样式、TextInput样式、状态栏渲染、WebView加载、字符显示、键盘影响布局、JS方法兼容性以及iOS中WebView参数解析等问题,并给出了相应的解决策略。
摘要由CSDN通过智能技术生成

记录一些工作中遇到的兼容性问题: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&timestamp=${new Date().getTime()}

3、官方Switch组件新trackColor属性在部分安卓无效

<Switch
  onValueChange={onChange}
  value={isChecked}
  style={styles.switchStyle}
  onTintColor={ButtonColor.SWITCH_BACKGROUND_GREEN} 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值