Flutter开发之——单组件布局容器-Offstage

一 概述

  • Offstage在实际开发中是一个使用的非常多的容器
  • 通过设置Offstage的offstage属性,来控制组件是否显示

二 Offstage

2.1 构造方法

1
2
3
const Offstage({ Key? key, this.offstage = true, Widget? child })
: assert(offstage != null),
super(key: key, child: child);

2.2 属性说明

  • 当offstage为true,控件隐藏; 当offstage为false,控件显示

三 示例

3.1 代码

1
2
3
4
5
6
7
body:Column(
children: <Widget>[
Offstage(offstage: _isOff, child:TextButton(onPressed: () {}, child: Text("Offstage"))),
OutlinedButton(child: Text(_isOff?'显示':'隐藏'),
onPressed: () {setState(() {_isOff = !_isOff;});},)
],
)

3.2 效果图