Flutter入门:Offstage和Visibility

Posted BennuCTech

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter入门:Offstage和Visibility相关的知识,希望对你有一定的参考价值。

flutter有两种方法Offstage和Visibility可以控制widget的隐藏

Offstage

这种方法可以是widget大小为0,GONE的效果,也可以满足动态添加的需求

Offstage(
  offstage: true,
  child: Text("补测"),
  ),

如果offstage为true表示隐藏,默认是true。

Visibility

不仅可以实现GONE的效果,还可以实现INVISIBLE的效果,即不显示但还占据空间。还有更多功能,比如隐藏后是否响应事件等等。

Visibility(
  visible: true,
  child: Text("补测"),
),

如果visible是true代表显示,否则隐藏。

默认隐藏是不占据空间的,如果想保留空间大小,需要添加几个属性

Visibility(
  visible: true,
  maintainAnimation: true,
  maintainSize: true,
  maintainState: true,
  child: Text("补测"),
),

其中maintainSize就是保持大小不变,但是单独设置这一个不行,会报错,maintainAnimation和maintainState也需要同时设置。

以上是关于Flutter入门:Offstage和Visibility的主要内容,如果未能解决你的问题,请参考以下文章

Flutter 中的 offstage

Flutter OffstageVisibility隐藏/可见

Flutter学习笔记(22)--单个子元素的布局Widget(ContainerPaddingCenterAlignFittedBoxOffstageLimitedBoxOverflo

TabBarView 或 IndexedStack 用于 BottomNavigationBar - Flutter

flutter学习之widget的显示和隐藏

flutter学习之widget的显示和隐藏