flutter - 如何在 flutter 中按键隐藏或显示小部件？

Question

我的 StatefulWidget 中有这样的 Material 小部件

final _key = GlobalKey();

new Material(
   key: _key,
   color: Colors.white,
   child: Text('lorem ipsum')
)

然后我需要像这样隐藏或显示 Material 小部件

new RaisedButton(
    child: Text('Click')
    color: Colors.green,
    onPressed: (){ _key.currentContext.hide; }
)

不行，怎么解决？谢谢

Answer 1

您可以使您的按钮成为任何管理可见性的小部件的子级阅读更多关于这个 blog post这是一个总结:

**可见性小部件** visibility widget

Visibility(
  visible: false,
  child: Container(),
  )
);

子部件不会在子树中呈现，Flutter 使用缩小尺寸的框来代替它。

**后台小部件** offstage widget

Offstage(
  offstage: true,
  child: //your child
  )
);

Offstage 在屏幕外渲染子部件。这意味着小部件不会在子树中呈现，因此不会占用任何空间。

**不透明度小部件** opacity widget

 Opacity(
  opacity: 0.0,
  child: Container(
      child: //child here
  )
);

这个小部件只是将 child 的不透明度设置为零，但仍会渲染它。所以 child 是隐藏的但占用空间，您可以与它互动。