Quantcast
Channel: CSDN博客移动开发推荐文章
Viewing all articles
Browse latest Browse all 5930

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

$
0
0

梳理了下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


当然,坑远远不止这些。

作者:hsbirenjie 发表于2016/9/24 18:21:51 原文链接
阅读:199 评论:0 查看评论

Viewing all articles
Browse latest Browse all 5930

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>