Quantcast
Channel: CNode:Node.js专业中文社区
Viewing all articles
Browse latest Browse all 14821

react-native中ListView和ScrollView

$
0
0

react-nativeListViewScrollView中的一个问题

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

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

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

2、其它布局A+ListView

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

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

3、其它布局B+ListView

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

  1. ListView加载的数据不多,可以完全显示ListView的每一项,那么如果后面还有足够剩余的空间的话,布局B能正常显示;
  2. ListView加载的数据加多,那么就会导致留给布局B的空间不足,或者根本就没有,布局B将会显示不完全或者完全不显示。

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

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

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


Viewing all articles
Browse latest Browse all 14821

Trending Articles