1. ホーム
  2. javascript

[解決済み] React-Nativeのもう一つのVirtualizedListに裏打ちされたコンテナ

2022-05-11 15:08:29

質問

react-native 0.61にアップグレードした後、このような警告がたくさん表示されます。

VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.

もうひとつの VirtualizedList-backed container を使うべきであり、なぜ今はそのような使い方をしないようにアドバイスされているのでしょうか?

どのように解決するのですか?

もし、@Ponleu と @David Schilling がここで説明した問題(FlatList より上に行くコンテンツについて)に対する提案をまだ探している人がいるなら、これは私が取ったアプローチです。

<SafeAreaView style={{flex: 1}}>
    <FlatList
      data={data}
      ListHeaderComponent={ContentThatGoesAboveTheFlatList}
      ListFooterComponent={ContentThatGoesBelowTheFlatList} />
</SafeAreaView>

詳しくはこちらをご覧ください。 https://facebook.github.io/react-native/docs/flatlist#listheadercomponent

誰かの役に立てばいいのですが :)