【问题标题】:Why aren't all items displayed in the ScrollView?为什么不是所有项目都显示在 ScrollView 中?
【发布时间】:2020-05-22 21:02:53
【问题描述】:

我在 ScrollView 中有一个包含 100 个项目的 Flatlist,但无论我为 ScrollView 或 Flatlist 指定什么高度,我的手机上总是只显示 18 个项目。之后 ScrollView 的滑块仍在向下滚动,但列表在 18 个项目后结束。我希望能够使用包含 FlatList 的 ScrollView 滚动浏览完整的项目列表。我正在使用三星 Galaxy S8+ 作为测试设备。 这里有一个问题的小吃:https://snack.expo.io/@christophhummler/stickyheaderscrollscreens

感谢您的帮助:)

【问题讨论】:

    标签: react-native scrollview expo react-navigation react-native-flatlist


    【解决方案1】:

    我认为它与 scrollEnabled={false} 有关,请将其设置为 true 或完全删除该道具,否则它可能是您的 todos 数组

    编辑

    既然你想创建一个粘性标题,你必须将高度设置为设备屏幕高度+标题高度,将styles.scrollView更改为:

    scrollView: {
     height: height + 200,
    }
    

    在 android 上也存在嵌套滚动视图的问题,要启用嵌套滚动视图,请添加 nestedScrollEnabled 属性:

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

    当满足特定阈值时,您必须实现启用 Flatlist 滚动视图的逻辑。它目前与 scrollEnabled={true}

    结合使用

    希望对你有帮助

    【讨论】:

    • 它在 iOS 上工作,我会在 android 上检查,我认为问题是在滚动视图中的嵌套会影响 android,在滚动视图上设置 nestedScrollEnabled={true} 应该可以解决它,会有在我更新你之前先确认一下
    猜你喜欢
    • 2018-09-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多