👀

【Flutter】簡単にウィジェットの表示・非表示を切り替える Visibility

2022/03/31に公開約400字

Visibilityとは

  • Visibitily に囲まれた子ウィジェットの表示・非表示切り替えるができる
  • visibitity プロパティがtrueの場合は表示し、falseの場合は非表示にする
  • maintainSize プロパティをtrueにすると、非表示時も領域を確保し続ける

https://api.flutter.dev/flutter/widgets/Visibility-class.html

非表示時に子ウィジェットの領域ごとなくす場合

// _visible = false; で非表示
Visibility(
  visible: _visible,
  child: MyWidget(),
)

非表示時も子ウィジェットの領域は確保し続ける場合

// _visible = false; で非表示
Visibility(
  visible: _visible,
  maintainSize: true,
  child: MyWidget(),
)

Discussion

ログインするとコメントできます