react-native - 在 ScrollView 中嵌套 FlatList 会影响它的性能吗？

Question

我有以下布局设置:

<ScrollView>
   <MyCustomView />
   <FlatList />
</ScrollView>

目前它正在按照我的预期工作，即用户滚动经过自定义 View ，然后点击其中包含许多项目的平面列表，然后可以继续向下滚动。

我担心的是这样的布局不是 FlatList 的目的，即它是否仍然只在需要时呈现项目？

Answer 1

是的，我认为这不会在这里造成太大问题。

因为 Flatlist 也是一种 ScrollView ，所以在这里不会造成太大问题。

此外，如果您将其保留在平面列表下并使用 stickyIndi​​ces 修复您必须点击的 View ，这将是一个更好的方法，您可以在平面列表中获取它并且不包含任何渲染问题或性能障碍。

<FlatList
  data={ this.state.FlatListItems }
  ItemSeparatorComponent={ this.FlatListItemSeparator}
  renderItem={ ({item}) => (
    <Text
      style={styles.FlatList_Item}
      onPress={this.GetItem.bind(this, item.key)}> {item.key}
      </Text>
  )}
  ListHeaderComponent={this.Render_FlatList_Sticky_header}
  stickyHeaderIndices={[0]}
/>