listview实现网格布局显示不全,不滑动

使用react-native组件listview实现网格布局遇到listview显示不全 只显示第一行 而且不能滑动,原因解决办法如下:

数据源:


错误视图:


错误代码段:


改正后正确视图:



正确代码段:


错误原因:

因为listview继承scrollview,官方文档这样介绍scrollview

ScrollView必须有一个确定的高度才能正常工作,因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器(通过滚动操作)。要给一个ScrollView确定一个高度的话,要么直接给它设置高度(不建议),要么确定所有的父容器都已经绑定了高度。在视图栈的任意一个位置忘记使用{flex:1}都会导致错误,你可以使用元素查看器来查找问题的原因。

因此listview的每一项必须返回一个特定高度的大小视图,才能正确显示

完整代码:ListviewGridLayoutExample


完整代码:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值