flutter 隐藏表单

一、说明

在 Android 开发中,我们如果想隐藏一个控件只需要设置 visibility 属性为 inVisible 和 gone 即可,因为这个是基类 View 自带的属性,所有子 View 都通用。而 Flutter 的开发却不能如此直接,由于 Flutter 本着“一切皆组件”的原则,这类型的设置基本上只能通过组件去设置,下面总结一下隐藏控件的几种方法。

二、具体方法

方法1:Visibility 组件
Widget getWidget() {
  return Visibility (
    visible: false, // 设置是否可见:true:可见 false:不可见
    child: Text('Hello World')
  );
}
方法2:OffStage 组件
Widget getWidget() {
  return Offstage (
    offstage: true, // 设置是否可见:true:不可见 false:可见
    child: Text('Hello World')
  );
}
方法3:Opacity 组件
Widget getWidget() {
  return Opacity (
    opacity: 0.0, // 设置是否可见:0:不可见 1:可见
    child: Text('Hello World')
  );
}
方法4:设置 size
Widget getWidget4() {
  return Container (
    height: 0.0, // 设置是否可见:0:不可见 指定尺寸:可见
    child: Text('Hello World')
  );
}
方法5:空组件占位
bool isHideWidget = true;
getWidget() {
  return isHideWidget ? Container() : Text('Hello World');
}

posted @ 2022-07-14 15:51  agang_19  阅读(49)  评论(0编辑  收藏  举报