2016-07-08 5 views
2

この単純なサンプルアプリケーションでは、リストビューで100行をレンダリングしようとしています。 私が達成したいのは、ユーザーがスムーズに全リストをスクロールできるように、ビューがマウントされた時点でそれらをすべてレンダリングすることです。 下の例のように、リストをスワイプした後にのみ次の行を表示し、ゆっくりと表示します。 "initialListSize" propをデータ配列の長さに設定しようとしましたが、何も変更されていないようです。 すべてのアイデアをどのように全体のリストをレンダリングするのですか?Reactネイティブリストビューでリスト全体がレンダリングされない

Sample App

答えて

5

このListView小道具を追加しよう:

removeClippedSubviews={false} 

This is the docs about this props you just added

をし、また小道具pageSizeを見て、docs

+0

感謝。 pageSize scrollRenderAheadDistanceは、リストビューが画面外にある行をレンダリングする方法を制御する方法です。 –

+0

@ karol.barkowski解答としてマークしてください。ありがとう。 – gran33

+0

それは私のためには機能しませんでしたが、これはしました:initialListSize = {1000} ListViewの小道具。 (ちょっと大きいので、最初に表示されたすべての行が表示されます。グリッドビューのレイアウトがあったので、おそらく受け入れられた答えがうまくいきませんでした。 –

関連する問題