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 @   agang_19  阅读(60)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探
历史上的今天:
2020-07-14 CentOS7上优雅地重置MySQL8.0数据库密码
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示