flutter有两种方法Offstage和Visibility可以控制widget的隐藏

Offstage

这种方法可以是widget大小为0，GONE的效果，也可以满足动态添加的需求

Offstage(offstage: true,child: Text("补测"),),

如果offstage为true表示隐藏，默认是true。

Visibility

不仅可以实现GONE的效果，还可以实现INVISIBLE的效果，即不显示但还占据空间。还有更多功能，比如隐藏后是否响应事件等等。

Visibility(visible: true,child: Text("补测"),
),

如果visible是true代表显示，否则隐藏。

默认隐藏是不占据空间的，如果想保留空间大小，需要添加几个属性

Visibility(visible: true,maintainAnimation: true,maintainSize: true,maintainState: true,child: Text("补测"),
),

其中maintainSize就是保持大小不变，但是单独设置这一个不行，会报错，maintainAnimation和maintainState也需要同时设置。

Flutter入门：Offstage和Visibility相关推荐

Flutter 入门指北(Part 9)之弹窗和提示(SnackBar、BottomSheet、Dialog)
该文已授权公众号「码个蛋」,转载请指明出处前面的小节把常用的一些部件都介绍了,这节介绍下 Flutter 中的一些操作提示.Flutter 中的操作提示主要有这么几种 SnackBar.Botto ...
Flutter入门进阶之旅（二）Hello Flutter
开题好像几乎我们学习或者掌握任何一门编程语言都是Hello word开始的,本篇博文做为Flutter入门进阶的第一篇分享,我们也从最简单的Hello world开始,至于Flutter开发环境的配 ...
从零开始的Flutter入门实战（二）
目录前言一.Column布局 1.创建一个Column 2.添加Container 3.运行验证二.Row布局 1.将Column改成Row 三.Column布局和Row布局的混合使用 1.Si ...
Flutter入门——创建第一个Flutter项目
Flutter入门--创建第一个Flutter项目一.创建项目第一个项目使用Android Studio创建,步骤如下: 先打开Android Studio,会有一个创建新的Flutter应用的选 ...
Flutter入门实战教程：从0到1仿写web版掘金App （完结）
前言准确的说,这是去年十一月份就写好的教程, 虽然迟迟未上线(拖了半年),但是非常感谢购买的老铁们~ 虽然心中很不爽, 但是回头想想,也是的确写的比较仓促,但是当时自己在写的过程中,的确能学到很多东 ...
Flutter入门实战：从0到1仿写web版掘金App
2018曾埋下一粒种子,今年一定要写一本小册... 前言立贴的方向曾今是分析react源码并实现react mini...的确亚历山大,后因团队技术方向探索以及业务压力,没有太多时间来学习源码.当然 ...
Flutter 入门经典
Flutter是Google公司推出的新一代前端框架,最初目标只是为了满足移动端跨平台的应用开发, 开发人员可使用 Flutter 在 iOS 和 Android 上快速构建高质量的原生用户界面.但如 ...
Flutter入门进阶之旅（十二）Flutter 数据存储
前言之前的章节我们基本上把Flutter中基础部分的东西都做了简单的讲解,通过前面章节的循序学习读者也基本能完成一些简单的UI绘制并能利用Flutter处理一些简单的用户交互,读者可能也留意到,我们 ...
Flutter入门之——HelloWorld
Flutter入门之--HelloWorld 安装Flutter开发环境首先要准备好Flutter的开发环境和开发所使用的IDE,这里我们使用AndroidStudio作为开发工具. Flutter ...

Flutter入门：Offstage和Visibility

Offstage

Visibility

Flutter入门：Offstage和Visibility相关推荐

最新文章

热门文章