Flutter教学目录持续更新中

Github源代码持续更新中

1.Offstage介绍

一个布局widget，可以控制其子widget的显示和隐藏。

2.Offstage属性

• offstage = true：显示、隐藏
• child
  注意：这里的隐藏跟Android 中的Gone一样的，隐藏的组件是不会占用空间的

3.使用

image.png

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Offstage'),
      ),
      body: Column(
        children: [
          Container(
            width: 200,
            height: 200,
            color: Colors.amber,
            child: Offstage(
              offstage: true,
              child: Image.asset('images/scan.png'),
            ),
          ),
          Container(
            margin: EdgeInsets.only(top: 10),
            width: 200,
            height: 200,
            color: Colors.amber,
            child: Offstage(
              offstage: false,
              child: Image.asset('images/scan.png'),
            ),
          ),
        ],
      ),
    );
  }

下一节：Layout组件之OverflowBox

Flutter（56）：Layout组件之OverflowBox

Flutter教学目录持续更新中

Github源代码持续更新中