問題タブ [react-native-flatlist]

を使用する RN (0.44.2) mobx(3.1.10) アプリがありますFlatList。私は基本的にhttps://blog.callstack.io/write-react-native-apps-in-2017-style-with-mobx-e2dffc209fcbに従っています

例とは対照的に、自分のストアを使用する場合toJS()、FlastList をレンダリングするために使用する必要があります。

toJS()なぜ必要な場合とそうでない場合があるのか​​ を理解するのに本当に苦労しています。

私の店はこのように観察可能な画像を設定しています

this.images.replace(imgs)フォローアップの質問として、チュートリアルのように、彼が単に行った次のことを行う必要がある理由がわかりませんthis.tracks = response.data.tracks.items。これにより、オブザーバブルが正常にトリガーされます。

誰か提案があれば、とても感謝しています。

中央揃えのコンテンツで FlatList を機能させようとしましたが、問題があります。

centerContent(ScrollView から)プロパティを設定するtrueと、コンテンツが ScrollView より小さいため、スクロールが機能しません。

コンテンツが中央に配置されていて小さい場合に、プル トゥ リフレッシュが機能し続ける方法を考えられますか?

私は<FlatList>リストをレンダリングするために使用しています:

データの合計サイズは約 300 です。したがって、一部のデータが表示され、他のデータがリスト アイテムとしてレンダリングされていることがわかります。

この時点で (一部のデータはまだレンダリング中です)、アイテムに触れると遅延が発生します。返事が来るまでしばらく待たなければなりません。そして、戻るボタンを押しても待たなければなりません。

リストが私のタッチの動きに最初に反応できる解決策はありますか?

私の解決策

さて、私は 10 個のアイテムを 1 回レンダリングすることでこの問題を解決しました。

より多くのデータをプッシュしthis.state.listdataますonEndReached

私のために働きます。

コンテンツが常に画面の中央に表示され、次のコンテンツと前のコンテンツが引き続き表示されるように、水平 FlatList (ページングが有効になっている) を左または右にスクロールしたいと考えています。

このようなもの（水平アクションの場合）

残念ながら、フラット リストがスクロールしている場合、スクロールの長さはフラット リストまたはその親の幅と同じであり、必要な効果が得られません。

こんにちは、ListView の代わりに FlatList コンポーネントを使用し始めています。セパレーターをレンダリングしようとして問題が発生しています。複数選択コンポーネントを作成しましたが、問題なく動作していますが、なぜセパレーターがレンダリングされないのかわかりませんフラットリスト、renderItem関数内にセパレーターを配置すると問題なく動作しますが、フラットリストから小道具として使用したいです。

興味深いのは、render メソッドで FlatList から itemSeparatorComponent prop を削除すると、コンポーネントが項目が選択されていることを示すチェックマーク (renderIndicator()) の更新を停止することです。これは非常に面倒です。コード全体を入れて確認してください。

React ネイティブ: 0.44.0