React Native 适配问题汇总
来源:互联网 发布:自动生成报表软件 编辑:程序博客网 时间:2024/05/17 23:23
1. 小米手机上存在文字截断的问题
描述:
居中对齐的Text在水平方向上会缺失最后一个字
设置了行高的Text在垂直方向上最后一行会被截断
原因:小米使用了自定义的字体,从而造成了该问题
解决方案:
针对android设备统一把字体设置成android默认字体 fontFamily: 'DroidSansFallback'
2.在Android上图片的容器被设置成圆角和 overflow:'hidden' 后,图片不会显示成圆角
原因:该0.41版本的RN在android上对圆角的支持有缺陷
解决方案:
额外的个图片设置圆角属性(注意:这里是属性不是样式,图片的圆角样式不生效的)
// or
<Image borderTopLeftRadius={20} borderTopRightRadius={20} />
3.在Android上View组件的ref有时会获取到是undefined
原因:android默认的机制是实际渲染中不会渲染不影响布局的View, 因此如果你ref的视图刚好被忽略了,就无法获取到了
解决方案:全局禁用改特性,在 Global.js 中全局禁用改特性
let originalViewDefaultProps = View.defaultProps;View.defaultProps = { ...originalViewDefaultProps, collapsable: false,};
4.在RN中如何用样式写三角形?
triangle { width: 0, height: 0, borderWidth: 7, // 等腰三角形底边长度 borderColor: 'transparent', borderTopColor: '#FF9F82', // 向下的三角形 // borderBottomColor: '#FF9F82', // 向上的三角形 // borderLeftColor: '#FF9F82', // 向右的三角形 // borderRightColor: '#FF9F82', // 向左的三角形}
rightBottomTriangle { width: 0, height: 0, borderWidth: 7, // 三角形直角边长度 borderColor: 'transparent', borderBottomColor: '#FF9F82', borderRightColor: '#FF9F82', }
5.搜索联想列表项要两次点击才会触发回调,第一次只会触发收起键盘
原因:键盘弹起状态下,默认列表视图的点击会被全局捕获用于收起键盘。
解决方案:
给联想列表所在的 ScrollView or ListView 增加如下属性:
6.android和iOS对屏幕点击事件的响应和视图点击事件的响应是相反的
原因:
在android上,首先会捕捉全局屏幕点击事件,再响应视图的点击事件在iOS上,首先响应的是视图的点击事件,再捕捉全局屏幕点击事件
解决方案:
在需要对处理捕捉全局屏幕点击事件和响应视图的点击事件要分别处理的时候,不应该以事件调用顺序作为参考7.键盘遮挡相关问题
描述:输入框获取焦点弹出键盘会盖住处于屏幕下方的内容
解决方案:使用第三方库react-native-keyboard-spacer,键盘弹起时会自动将一个键盘等高的view压在<KeyboardSpacer/>标签所在位置
// 引用
import KeyboardSpacer from 'react-native-keyboard-spacer';
// 插入
<ScrollView>...
</ScrollView>
<KeyboardSpacer/>
阅读全文
0 0
- React Native 适配问题汇总
- React Native 适配问题汇总续
- React-native 问题汇总
- React Native 问题汇总
- React native 开发遇到的问题汇总
- react native 配置方面的问题汇总
- React Native资源汇总
- react native资料汇总
- 使用React-Native的适配问题和警告搜集
- React-Native中屏幕的适配问题
- React-Native自学资料汇总
- React Native学习资源汇总
- React Native 开发资料汇总
- React Native 常见错误汇总
- react-native功能支持汇总
- React native 分辨率适配
- React Native 屏幕适配
- react native遇到问题
- 清除linux系统的多余引导
- 蓝牙BLE ATT剖析(一)
- HDU 4185 Oil Skimming(二分图最大匹配)
- TCP连接的各种状态
- mysql获取rowNum
- React Native 适配问题汇总
- C++连接mysql
- 我的第一篇博客
- easyUI 动态添加时分秒控件
- hover active link visited
- 原声js 笔记
- iOS AVPlayer的简单应用
- 文件操作总结(一)
- linux-4 vim 的常用功能学习