レイアウトウィジェット
他のウィジェットの列、行、グリッド、その他多くのレイアウトを配置します。
さらにウィジェットを表示するには、ウィジェットカタログ。
単一子レイアウト ウィジェット
ウィジェット自体の中で子を配置し、オプションで子のサイズに基づいて自身のサイズを変更するウィジェット。
子のサイズを特定のアスペクト比に合わせようとするウィジェット。
子のベースラインに従って子を配置するコンテナ。
子を自身の中央に配置する位置合わせブロック。
子に追加の制約を課すウィジェット。
一般的なペイント、配置、サイズ変更のウィジェットを組み合わせた便利なウィジェット。

単一の子のレイアウトをデリゲートに委ねるウィジェット。

行、列、またはフレックスの子を展開するウィジェット。

適合度に応じて、子を自身の中に拡大縮小して配置します。

子のサイズを利用可能な合計スペースの一部に合わせて設定するウィジェット。レイアウト アルゴリズムの詳細については、「RenderFractionallySizedOverflowBox」を参照してください。

子の固有の身長に合わせて子のサイズを調整するウィジェット。

子の固有の幅に合わせて子のサイズを変更するウィジェット。

拘束されていない場合にのみサイズを制限するボックス。

子をツリー内にあるかのようにレイアウトするウィジェットですが、何もペイントせず、子をヒットできるようにすることもありません...

親から得られるものとは異なる制約を子に課し、子が親をオーバーフローできるようにするウィジェット。
指定されたパディングによって子を挿入するウィジェット。
指定されたサイズのボックス。子が与えられた場合、このウィジェットはその子に特定の幅および/または高さを強制します (値が次のとおりであると仮定します)。

特定のサイズのウィジェットですが、元の制約が子に渡されるため、オーバーフローする可能性があります。
子をペイントする前に変換を適用するウィジェット。
複数の子レイアウト ウィジェット
子ウィジェットのリストを縦方向にレイアウトします。

デリゲートを使用して複数の子のサイズと位置を決定するウィジェット。

フロー レイアウト アルゴリズムを実装するウィジェット。

グリッド リストは、垂直および水平のレイアウトで配列されたセルの繰り返しパターンで構成されます。 GridView ウィジェットはこのコンポーネントを実装します。

子のリストから 1 つの子を表示するスタック。

親ウィジェットのサイズに依存するウィジェット ツリーを構築します。

指定された軸に沿って子を順番に配置し、他の軸の親の次元に強制的に配置するウィジェット。

スクロール可能なウィジェットの線形リスト。 ListView は、最も一般的に使用されるスクロール ウィジェットです。スクロール方向に子を次々と表示していきます。
子ウィジェットのリストを横方向にレイアウトします。
このクラスは、単純な方法で複数の子をオーバーレイする場合、たとえばテキストと画像をオーバーレイする場合に便利です。

子ウィジェットを行と列に表示します。

複数の水平方向または垂直方向に子を表示するウィジェット。
シルバーウィジェット

スライバーを使用した iOS 11 スタイルの大きなタイトルを備えた iOS スタイルのナビゲーション バー。

スライバーを使用してカスタム スクロール効果を作成する ScrollView。

CustomScrollView と統合されたマテリアル デザイン アプリ バー。

ビルダー コールバックを使用してスライバーの子を提供するデリゲート。

明示的なリストを使用してスライバーの子を提供するデリゲート。

同じ主軸範囲を持つ複数のボックスの子を線形配列に配置するスライバー。

複数のボックスの子を 2 次元に配置するスライバー。

複数のボックスの子を主軸に沿って線形配列に配置するスライバー。

別のスライバーの両側にパディングを適用するスライバー。

スライバーの GrowthDirection の反対側のビューポートの端までスライバーがスクロールされると、サイズが変化するスライバー。

単一のボックス ウィジェットを含むスライバー。
さらにウィジェットを表示するには、ウィジェットカタログ。