为什么不是所有的项目都显示在ScrollView中?

问题描述 投票:0回答:1

我在一个有100个项目的ScrollView里面有一个Flatlist,但是无论我给ScrollView或者Flatlist多大的高度,在我的手机上总是只显示18个项目。之后,ScrollView的滑块仍然向下滚动,但18个项目之后列表就结束了。我希望能够用包含FlatList的ScrollView滚动浏览完整的项目列表。我使用的是三星Galaxy S8+作为测试设备.下面是问题的点心。https:/snack.expo.io@christophhummlerstickyheaderscrollscreens。

谢谢你的帮助:)

react-native scrollview expo react-navigation react-native-flatlist
1个回答
0
投票

我认为这与 启用滚动={false}。,将其设置为 真正 或完全删除该道具,否则可能是你的todos数组。

编辑

由于你想创建一个粘性头,你必须将高度设置为设备的 屏幕高度+页眉高度,将style.scrollView改为.callView。

scrollView: {
 height: height + 200,
}

在安卓系统上,还有一个嵌套滚动视图的问题,要启用嵌套滚动视图,需要添加nestedScrollEnabled道具。

<FlatList
  ...
  nestedScrollEnabled={true}
/>

你必须实现逻辑,当达到特定阈值时,启用Flatlist滚动视图。目前,它与 启用滚动={true}。

我希望这能帮助你

© www.soinside.com 2019 - 2024. All rights reserved.