React Native 适配问题汇总

本文汇总了React Native在实际开发中遇到的一些适配问题,包括小米手机的文字截断、Android图片圆角显示、View组件ref获取、创建三角形样式、搜索联想列表点击、屏幕与视图点击事件响应以及键盘遮挡问题,并提供了相应的解决方案。
摘要由CSDN通过智能技术生成

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
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值