Flutter Opacity Offstage Visibility

Opacity

当设置透明度为0时,不展示,但在Widget Tree中存在。
如果不可见的时候需要占用大小,将alwaysIncludeSemantics设为true。

Offstage

offstaged设置为true,子组件不可见,但仍处于activity状态。
如果不展示的时候有动画在执行,需要手动关闭动画。

Visibility

// 子控件可见,绘制到屏幕上; 
visible: true 

/*
子控件不可见,并且不在屏幕上占用一定的空间,
此时会使用replacement替换child,
实际绘制的Widget就是replacement,
默认replasement时宽高为0的SizedBox.
*/
visible: false 
/*
当visible=false时,是否保存子组件的状态。
当为true时,子组件会在Widget Tree中存在,不占用屏幕 的空间,
内部实现方式是在子child增加了Offstage等一些父控件.
*/
visible: false,
maintainState: true,
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 使用flutter写app实战已告一段落,从刚接触概念不清道现在能使用组件写页面,踩了不少坑,这里记录一下,没有顺...
    云鹤道人张业斌阅读 761评论 0 1
  • 相关帖子收藏 windows 打包上传ios到app store 作为android开发者,直接用studio即可...
    有点健忘阅读 1,765评论 0 1
  • 本文主要讲述页面布局样式方面涉及的知识点,更全面的对CSS相应的技术进行归类、整理、说明,没有特别详细的技术要点说...
    Joel_zh阅读 901评论 0 1
  • Dart 控件 https://api.flutter.dev/flutter/widgets/widgets-l...
    CodingTom阅读 1,683评论 0 3
  • https://space.bilibili.com/64169458/channel/detail?cid=13...
    phatty阅读 460评论 0 0