Flutterで特定のウィジェットを条件によって簡単に出し分けたいとき

みらっくです!

Flutterでアプリ開発をする際に、ウィジェット(TextやContainerやRow等)を条件によって出し分けたい時があると思います。

そんなときは、ウィジェットの前に

if (条件式)

を追加してあげるだけで大丈夫です。

if (hoge == 'hoge')
Text('hogehoge'),

のような感じです(if文の後にカンマやカッコ等はいらない)

条件に当てはまれば表示されますし、当てはまらなければ表示されません。

ちなみに、この書き方は、if文を設定した直後のウィジェット1つだけに対して有効です。

もし複数のウィジェットを同時に出し分けたいときは、それらをColumnウィジェットにまとめたらOKです。

 

if文で使う変数は状態管理をする必要があります(画面の更新をする必要がある)ので、そちらだけ気を付けていただけたらと思います。

 

ではでは♪

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です