問題タブ [flutter-gridview]

初めての Flutter アプリを作成していますが、パフォーマンスに問題があります。

CustomScrollView特にカスタム AppBar を取得するために、ヒーロー画像を含む画面があります。次に、いくつかのフィールド/フィルターを用意してGridView.builderから、このリストに 25 から 400 の要素を含めることができ、ユーザーがスクロールしているときにのみそれらを構築したいので、自分の を作成します。

しかし、確認したところ、すべての要素 (400) がすぐにビルドされ、アプリが非常に遅くなることがわかりました。

私が間違ったことを教えてください。

編集: このペーストビンでテストできます: 新しいフラッター プロジェクトにコピーして貼り付けるだけですhttps://pastebin.com/xhd9CdUp

基本的に、これは私のコードの構造です:

そして、ここに私のコードがあります:

ありがとうございました！

次のフラッターコードがあります。

上記のコードで、矢印で示したコード行を追加するとすぐに、アプリがクラッシュし、理由がわかりません。そのコード行を削除すると、すべて正常に動作します。(デバッグモードで物理デバイス上でアプリを実行しています。)

手にした電話の画面に、

「アプリケーションで予期しないエラーが発生しました。エラー レポートをサポート チームに送信する準備ができています。エラー レポートを送信するには [同意する] をクリックするか、レポートを閉じるには [キャンセル] をクリックしてください」

その行を追加するとアプリがクラッシュする理由と、クラッシュを回避する方法を見つける方法を誰かが指摘してくれれば、本当に助かります。

ありがとうございました。