码迷,mamicode.com
首页 > 其他好文 > 详细

ReactNative ScrollView或ListView头部莫名其妙多了20px

时间:2016-04-24 06:22:09      阅读:313      评论:0      收藏:0      [点我收藏+]

标签:

之前在还没有加TabBarIOS时,ScrollView一直是好好的,然后随着深入,需要做其他tab页面的时候问题来了,当我把首页加入TabBarIOS.Item时。。我首页中的ScrollView头部竟然多了20px,怎么都查不出,不是padding不是margin,就像这样。。

技术分享

计算了下应该就是20px了,当时正好横屏锁开着,发现横屏时那20px就没了,嘿这不正是我一直想要的状态栏空白部分横屏消失效果嘛。。目前我的头部那20px状态栏空白还是paddingTop写上去的,一直感觉用的笨办法,结果还真是,- -。

好了,知道是什么引起的就好办了,是当初没仔细看文档,其实文档写的很清楚了:

automaticallyAdjustContentInsets bool 

Controls whether iOS should automatically adjust the content inset for scroll views that are placed behind a navigation bar or tab bar/ toolbar. The default value is true.

可是默认值为true为什么我以前一直都表现出默认是false呢- -。

好了,只要在ScrollView上加上:

automaticallyAdjustContentInsets={true}

搞定!完美~

技术分享

ReactNative ScrollView或ListView头部莫名其妙多了20px

标签:

原文地址:http://www.cnblogs.com/johnnydan/p/5426243.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!