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

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

数据源：



错误视图：



错误代码段：



改正后正确视图：





正确代码段：



错误原因：

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

ScrollView必须有一个确定的高度才能正常工作，因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器（通过滚动操作）。要给一个ScrollView确定一个高度的话，要么直接给它设置高度（不建议），要么确定所有的父容器都已经绑定了高度。在视图栈的任意一个位置忘记使用

{flex:1}

都会导致错误，你可以使用元素查看器来查找问题的原因。

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

完整代码：ListviewGridLayoutExample

完整代码：