美文网首页React Native
ReactNative ScrollView或ListView头

ReactNative ScrollView或ListView头

作者: yaoshiyou | 来源:发表于2016-11-30 17:52 被阅读56次

    之前在还没有加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={false}

    搞定!完美~

    相关文章

      网友评论

      本文标题:ReactNative ScrollView或ListView头

      本文链接:https://www.haomeiwen.com/subject/otptmttx.html