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


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

搞定!完美~


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM