分享

Flutter 控制子组件隐藏/可见 的Offstage组件与Visibility组件

 程序员读书空间 2022-11-17 发布于浙江

在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天、每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不妨来瞅瞅码农的轨迹。

在Flutter中Offstag与Visibility是控制子组件隐藏/可见的组件。不同是的Visibility有隐藏状态是否留有空间、隐藏状态下是否可调用等功能。

1 Offstage的基本用法








Offstage(    offstage: isOff,    child: Container(            height: 100,            color: Colors.red,          ), )

在使用的时候,需要注意的是:当Offstage不可见的时候,如果child有动画等,需要手动停掉,Offstage并不会停掉动画等操作。

Offstage的作用很简单,通过一个参数,来控制child是否显示,日常使用中也算是比较常用的控件。

 布局行为

Offstage的布局行为完全取决于其offstage参数

当offstage为true,当前控件不会被绘制在屏幕上,不会响应点击事件,也不会占用空间;

当offstage为false,当前控件则跟平常用的控件一样渲染绘制;


2 Visibility 组件的基本使用











Visibility(  visible:_offstage,//默认为true 可见状态  replacement:Text('data'),  maintainState:true,//不可见时是否持有状态 默认为false   child: Container(    width: 200,    height: 200,    color: Colors.yellow,  ),),

属性取值详情描述如下:

    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多