アプリ開発・ゲーム開発のための勉強ブログ

FlutterとUnrealEngineの勉強をしています。

【Flutter】SingleChildScrollViewとListViewの使い方

SingleChildScrollView(children:)

  • 数の子ウィジェットをスクロールできる様にする
  • scrollDirection: Axis.horizontal/vertical でスクロール方向を決める デフォはvertical
  • 少数のデータを表示するのに適している(子ウィジェットを一度にビルドするため)

 

ListView(children:

  • 数の子ウィジェットを一列に並べる
  • テキスト、画像、アイコン、その他カスタムウィジェット等異なる種類のウィジェットを含めることが可能
  • 大量のデータを表示するのに適している → 動的に変わるリストを表示or項目数が多い場合に使用

 

ListTile()

  • ListViewの中で使われることが多い
  • アイコン・テキスト・onTap(){}を実装できるため使い勝手が良い
  • 設定画面やTODOアプリに使用される