React Native 适配问题汇总

1. 小米手机上存在文字截断的问题

  描述:

  居中对齐的Text在水平方向上会缺失最后一个字

  设置了行高的Text在垂直方向上最后一行会被截断


  原因:小米使用了自定义的字体,从而造成了该问题

 

 解决方案:

针对android设备统一把字体设置成android默认字体     fontFamily: 'DroidSansFallback'


2.在Android上图片的容器被设置成圆角和 overflow:'hidden' 后,图片不会显示成圆角

原因:该0.41版本的RN在android上对圆角的支持有缺陷


解决方案:

额外的个图片设置圆角属性(注意:这里是属性不是样式,图片的圆角样式不生效的)

<Image borderRadius={20} />
// or

<Image borderTopLeftRadius={20} borderTopRightRadius={20} />


3.在Android上View组件的ref有时会获取到是undefined

原因:android默认的机制是实际渲染中不会渲染不影响布局的Vie

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值