微信交流群

# Offstage

控制是否显示组件:

Offstage({ 
    Key key, 
    this.offstage = true, 
    Widget child 
  })
1
2
3
4
5

当offstage为true,当前控件不会被绘制在屏幕上,不会响应点击事件,也不会占用空间,当offstage为false,当前控件则跟平常用的控件一样渲染绘制。

通过一个参数,来控制child是否显示,日常使用中也算是比较常用的控件

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

当Offstage不可见的时候,如果child有动画等,需要手动停掉,Offstage并不会停掉动画等操作。

案例

Column(
      children: <Widget>[
        Offstage(
          offstage: _isOff,
          child: Text("Offstage组件"),
        ),
        RaisedButton(
          child: Text(_isOff?'显示':'隐藏'),
          onPressed: () {
            setState(() {
              _isOff = !_isOff;
            });
          },
        )
      ],
    )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

本文由Rock提供。