梳理了下ReactNative中的一些坑,你踩没踩过,它就在那里。
- 1、fetch
fetch没有提供超时时间,设置timeout貌似没有作用。
标红的地方不能调用response.json() 或 .text()方法,哪怕是通过console.log()输出也不行,如果想查看数据,只能alert。
- 2、Image标签
使用本地资源图片的时候需要制定宽度和高度,使用网络资源没有限制。
<Image source={{uri:loadgif}} style={{width:20,height:20}}/>
- 3、Text标签
iOS下的padding和lineHeight属性都正常,在Android下无效。
解决方案:将padding换成margin,lineHeight改用marginTop为负值
- 4、TextInput标签
textAlign属性:
iOS下为:auto left right center justify
Android下为:start center end
TextInput标签在Android下默认大概有10dp的paddingLeft和paddingRight
TextInput在Android下有黑色边框和选中黄色,设置underlineColorAndroid='rgba(0,0,0,0)' ,文本框的下划线颜色(译注:如果要去掉文本框的边框,请将此属性设为透明transparent)。
- 5、ScrollView
Android下 AcrollView嵌套继承了ScrollView的组件内部滚动失效
解决方案:内部ListView、ScrollView、WebView 固定高度
- 6、lineHeight 属性
iOS会显示在lineHeight的最低端
Android会显示在lieHeight的最顶端
两端都不支持在web里的 height=lineHeight 居中
- 7、Gif图片格式的支持
iOS下可以直接使用Gif格式的图片
Android下需要特殊处理,桥接的方式或者图片切割轮播,可以参考:http://blog.csdn.net/codetomylaw/article/details/52280828
当然,坑远远不止这些。