【skill技巧】Flutter隐藏控件

538 阅读1分钟

在flutter里隐藏控件可以通过多种方式实现。

Visibility和Offstage的区别就是保不保留空间,比如你控件设置了宽高,使用Visibility隐藏,但还会留有一块空白在那里的。

Visibility

Visibility(
  visible: true,
  child: Container(),
)

Offstage

注意: offstage设置为false就会隐藏,不是true

 Offstage(
  offstage: false, // 设置是否可见:true:不可见 false:可见
  child: Container(),
),

Opacity

通过设置透明度就可以达到隐藏显示控件的效果

Opacity(
  opacity: 1,
  child: Container(),
),

if else 来判断

在一开始不需要显示这个控件,那就声明一个bool的变量,通过setState来达到显示隐藏的目的.

List _arr = [];
_arr = [Text('11')];
if(1+1==2) {
  _arr.add(Text('123'));
}