react-native中ListView和ScrollView

查看:161
本文介绍了react-native中ListView和ScrollView的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

react-nativeListViewScrollView中的一个问题

1、最简单的布局:只有一个ListView

如果整个页面只有一个ListView的话,那么由于ListView本身带有滚动效果,所以当加载的数据超过页面显示的范围时,可以通过上下滑动来查看所有的item

因此这种情况下,不需要添加ScrollView

2、其它布局A+ListView

这种情况下,如果布局A定义在ListView的前面,那么当布局A所占的比例较大,或者ListView加载的数据较多时,都会导致ListView显示不完全。同样,由于ListView自身可以滚动,因此仍然可以通过上下滚动来查看ListView的所有item

能不能实现仍然是让它们看起来像是一个页面那样子滚动?

3、其它布局ListView+B

这种情况下,假设布局B定义在ListView的后面,那么就会出现两种情况:

  1. ListView加载的数据不多,可以完全显示ListView的每一项,那么如果后面还有足够剩余的空间的话,布局B能正常显示;

  2. ListView加载的数据加多,那么就会导致留给布局B的空间不足,或者根本就没有,布局B将会显示不完全或者完全不显示。

而不管怎么,ListView本身的内容,都可以通过滑动来查看。

能不能实现仍然是让它们看起来像是一个页面那样子滚动?

各位大神,怎么解决这样的问题啊?

解决方案

没人回答,只能自问自答了~~~

昨天晚上仔细看了一下文档,尝试了一下发现用了renderHeaderrenderFooter基本可以实现A+ListViewListView+B布局。

还有没有其它的更好的方法呢?

欢迎交流~~~

这篇关于react-native中ListView和ScrollView的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆