react-native中ListView和ScrollView
本文介绍了react-native中ListView和ScrollView的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
react-native
中ListView
和ScrollView
中的一个问题
1、最简单的布局:只有一个ListView
如果整个页面只有一个ListView
的话,那么由于ListView
本身带有滚动效果,所以当加载的数据超过页面显示的范围时,可以通过上下滑动来查看所有的item
。
因此这种情况下,不需要添加ScrollView
。
2、其它布局A+ListView
这种情况下,如果布局A定义在ListView的前面,那么当布局A所占的比例较大,或者ListView
加载的数据较多时,都会导致ListView
显示不完全。同样,由于ListView
自身可以滚动,因此仍然可以通过上下滚动来查看ListView
的所有item
。
能不能实现仍然是让它们看起来像是一个页面那样子滚动?
3、其它布局ListView+B
这种情况下,假设布局B定义在ListView
的后面,那么就会出现两种情况:
ListView
加载的数据不多,可以完全显示ListView
的每一项,那么如果后面还有足够剩余的空间的话,布局B能正常显示;ListView
加载的数据加多,那么就会导致留给布局B的空间不足,或者根本就没有,布局B将会显示不完全或者完全不显示。
而不管怎么,ListView
本身的内容,都可以通过滑动来查看。
能不能实现仍然是让它们看起来像是一个页面那样子滚动?
各位大神,怎么解决这样的问题啊?
解决方案
没人回答,只能自问自答了~~~
昨天晚上仔细看了一下文档,尝试了一下发现用了renderHeader
和renderFooter
基本可以实现A+ListView
和ListView+B
布局。
还有没有其它的更好的方法呢?
欢迎交流~~~
这篇关于react-native中ListView和ScrollView的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文