Flutter控件的显示与隐藏

原创

已于 2023-06-15 14:21:12 修改 · 6.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter #visibility #offstage #opacity #widget

于 2021-05-21 23:09:29 首次发布

本文介绍了Flutter中控制Widget显示的三种方式：Visibility、Offstage和Opacity。Visibility提供可视性控制，并有额外的属性如maintainState、maintainAnimation和maintainSize。Offstage则在隐藏时不会占用空间，而Opacity通过调整透明度实现隐藏。理解这些属性的相互关系和使用场景对于优化Flutter应用性能至关重要。

文章目录

Visibility
Offstage
Opacity

在Android中，使用visibility属性控制View是否显示。
同样地，Flutter也使用Visibility来控制Widget是否显示。
同时也可以使用Offstage或Opacity来控制。

Visibility

 Visibility(
   visible: true,
   /// 隐藏时是否保持占位
   maintainState: false,
   /// 隐藏时是否保存动态状态
   maintainAnimation: false,
   /// 隐藏时是否保存子组件所占空间的大小，不会消耗过多的性能
   maintainSize: false