VirtualizedList 不应该嵌套在 React native 的普通滚动视图中答案

【问题标题】：VirtualizedList should never be nested inside plain scroll view in React nativeVirtualizedList 不应该嵌套在 React native 的普通滚动视图中
【发布时间】：2021-01-12 05:30:33
【问题描述】：

我知道这个问题被问了很多次，我已经搜索并阅读了所有解决方案。他们中的大多数人建议不要将其嵌套在 ScrollView 中，而是使用 SafeAreaView 或其他替代方法。但我的问题有点不同。

我的 react native 应用中有一个主页。其中包括标题、下方的搜索栏和英雄图像或轮播。下面是一个 FlatList 组件，它显示了两列渲染项目，基本上是卡片。

Sample Image

在上图中，橙色矩形是我想要滚动的区域，红色矩形是 FlatList。

代码如下：

<Header>
<SearchBar>
<ScrollView>
  <Hero>
  <FlatList>
</ScrollView>

我做了什么。我已经将 Hero Carousel 和 FlatList 组件包装在 ScrollView 中，这样它们都是可滚动的，因为我希望除 Header 和搜索栏之外的所有内容都是可滚动的。与 Web 开发不同，当视图的高度增加以至于溢出时，如果我不使用 ScrollView，则不会滚动。因为，我是 React Native 的新手。我不知道还有什么办法。

因此，我得到这个 VirtualizedList 永远不应该嵌套在普通的 ScrollView 错误中。我试过了：

<ScrollView>
  ...
  ...
  <View> or <SafeAreView>
    <FlatList>
  </View> or </SafeAreView>
</ScrollView>

我什至在 FlatList 中尝试过 nestedScrollEnabled 道具，但没有任何效果。错误仍然存在。我是 React Native 的新手。所以，如果可能的话，请试着描述一下你的答案。

【问题讨论】：

标签： javascript reactjs react-native react-native-android

【解决方案1】：

在我遇到一个几乎完整的解决方案之前，我遇到了同样的问题，这是对 react-native 项目的一个 GitHub 问题的非常有用的评论：

found solution here

【讨论】：

我是 React Native 新手，能否举个例子。我试过了，但它似乎不起作用。