《React-Native系列》34、 ReactNative的那些坑

梳理了下ReactNative中的一些坑，你踩没踩过，它就在那里。

• 1、fetch

fetch没有提供超时时间，设置timeout貌似没有作用。

标红的地方不能调用response.json() 或 .text()方法，哪怕是通过console.log()输出也不行，如果想查看数据，只能alert。

• 2、Image标签

使用本地资源图片的时候需要制定宽度和高度，使用网络资源没有限制。

[javascript] view plain copy

 

1. <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下 ScrollView嵌套继承了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

当然，坑远远不止这些。