[Flutter]空のウェジェットを指定するには？

Flutter

2021.12.30

どうも、ちょげ(@chogetarou)です。

Flutterで空のウェジェットを指定する方法を紹介します。

スポンサーリンク

目次

方法
1. Container or SizedBox
2. Spacer
まとめ

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

Flutterで空のウェジェットを指定する方法は、２つあります。

Container or SizedBox

１つは、ContainerもしくはSizedBoxを使う方法です。

具体的には、高さと横幅だけを設定したContainerもしくはSizedBoxを指定します。

Container( //SizedBoxでも同じ
  height: /*高さ*/,
  width: /*横幅*/,
)

SizedBox.shrink()を使うと、高さと横幅が０のSizedBoxを用意できます。

Spacer

もう１つは、Spacerを使う方法です。

具体的には、空のウェジェットを配置したい場所に、Spacerを指定します。

Spacerは、伸縮するウェジェットで、自動的に余白の大きさになります。

Spacer()

Spacerウェジェットは、SwiftUIで重宝するSpacerビューと同じような感じです。

Spacerウェジェットは、レイアウトの調整に適したウェジェットです。

まとめ

空のウェジェットを指定する方法は、次の２つです。

ContainerもしくはSizedBoxを使う方法
Spacerを使う方法

[Flutter]BottomNavigationBarItemのラベル(label)を空にするには？

BottomNavigationBarItemのラベルを空にする方法を紹介します。

[Flutter]TextFormFieldのエラーメッセージを削除するには？

TextFormFieldのエラーメッセージを表示しないようにする方法を紹介します。

[Flutter]BottomNavigationBarのアイコンを削除するには？

BottomNavigationBarのアイコンを削除する方法を紹介します。

[Flutter]複数選択できるドロップダウンボタンを実装する方法

複数選択することのできるドロップダウンボタンを実装する方法を紹介します。

コメント

タイトルとURLをコピーしました