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}

搞定！完美～

时间： 2024-10-13 02:36:22

ReactNative ScrollView或ListView头部莫名其妙多了20px的相关文章

Android PullToRefresh 下拉刷新，上拉更多，支持ScrollView，ListView，可方便拓展GridView，WebView等

在写着东西之前,从网上找到很多这方面的源码,但是基本没有找到满意的,包括在GitHub上的比较有名的Android-PullToRefresh-master,思来想去还是自己写吧,当然其中借鉴了一些别的开源代码! 废话不多说,直接上代码,注释很全乎,应该不难理解,Demo下载地址在最后: package com.zs.pulltorefreshtest; import android.content.Context; import android.util.AttributeSet; impor

一句话让你的ScrollView、ListView弹力十足

android默认的ScrollView.ListView在最顶端下拉或者最底端上拉的时候,都不会带有反弹效果,很生硬的让你不能继续拖动,不像iOS那样可以回弹,个人认为,iOS的交互还是略好一点,那么我们也来在Android下实现下这个功能,先看下效果图: 那么我们今天的目标是一句话实现,如何去做呢 我们还是先看下代码: package com.xys.flexible; import android.content.Context; import android.util.Attribute

anroid中ScrollView嵌套ListView

有时候项目里面需要ScrollView嵌套ListView,但是正常下ListView只会显示一行多一点,解决方法就是填充ListView数据后重新计算ListView的高度,这里有两种方法来实现. 第一种方法:重写ListView [java] view plaincopyprint? package com.jwzhangjie.test; import android.content.Context; import android.util.AttributeSet; import and

四种方案解决ScrollView嵌套ListView问题(转)

在工作中,曾多次碰到ScrollView嵌套ListView的问题,网上的解决方法有很多种,但是杂而不全.我试过很多种方法,它们各有利弊. 在这里我将会从使用ScrollView嵌套ListView结构的原因.这个结构碰到的问题.几种解决方案和优缺点比较,这4个方面来为大家阐述.分析.总结. 实际上不光是ListView,其他继承自AbsListView的类也适用,包括ExpandableListView.GridView等等,为了方便说明,以下均用ListView来代表. 一. 为什么要使用S

Android仿小米商城商品详情界面UI，ScrollView嵌套ScrollView/WebView/ListView

最近公司没事,研究了下多嵌套滚动组件的事件分发,虽然以前也接触过,但都是拿网上的用,也是特别简单的,正好朋友也需要,就研究了下 这个Demo也不是很完善,放上来也是让各位大牛给指点一下,优化优化 使用情景: 小米商城商品详情界面,界面看似ScrollView,但当正常滚动到底部时,提示继续上拉显示更多详情,上拉后直接滚动到第二屏,第二屏是个ViewPager,ViewPager里面的各个pager有的是WebView有的是ListView,有的是ScrollView,一开始想想就特别头晕,后来理

ScrollView与ListView的冲突

众所周知ListView与ScrollView都具有滚动能力,对于这样的View控件,当ScrollView与ListView相互嵌套会成为一种问题: 问题一:ScrollView与ListView嵌套导致ListView显示不全面 问题二:ScrollView不能正常滑动 解决方式一: ScrollView+LinearLayout+ListView可以换成ScrollView+LinearLayout+LinearLayout,对于开发中,ScrollView所能滚动的样式形式各异,另外的话

四种方案解决ScrollView嵌套ListView问题

在工作中,曾多次碰到ScrollView嵌套ListView的问题,网上的解决方法有很多种,但是杂而不全.我试过很多种方法,它们各有利弊. 在这里我将会从使用ScrollView嵌套ListView结构的原因.这个结构碰到的问题.几种解决方案和优缺点比较,这4个方面来为大家阐述.分析.总结. 实际上不光是ListView,其他继承自AbsListView的类也适用,包括ExpandableListView.GridView等等,为了方便说明,以下均用ListView来代表. 一. 为什么要使用S

scrollview嵌套listview滚动冲突解决方案；

主activity页面: package com.example.scrollviewlistview; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.graphics.Color; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; i

Android奇葩的实现方式之ScrollView嵌套ListView

众所周知,android的listview和scrollview都自带滑动效果,如果相互嵌套的话会出问题,listview显示不全呀,不能滑动之类的,谷歌也是建议不要出现这种奇葩的设计,但是总会有一些奇葩的产品,会有一些这种变态的设计模式,当然也可能是程序猿自己开发的问题,程序的扩展性有问题,只能无可奈何地用这种设计模式,我也是前段时间碰到了两个listview同时显示,数据源不同,由于是公司的产品,也无法给大家贴出代码来,当然也是我一开始设计的有问题,所以自作孽不可活啊,好了废话不多说,我们重