flutter 中overlay

最新推荐文章于 2024-11-08 18:02:00 发布

原创最新推荐文章于 2024-11-08 18:02:00 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

flutter 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了Flutter中的Overlay机制，它通过浮层方式管理独立项，并利用Stack结构实现后进先出的效果。文章提供了如何创建及操作OverlayEntry的具体代码示例。

Overlay 简介

overlay官方介绍：
在这里插入图片描述
Overlay 以浮层的方式管理单独的 item 存储在栈中(后进先出)；Overlay 其源码也是采用的 Stack 浮层，将 OverEntry 逐个加入到 Overlay 中进行展示，OverEntry 可以使用 Positioned 或 AnimatedPositioned 在 Overlay 中定义自身的位置；

使用

//获取实例
OverlayState overlayState = Overlay.of(_context);
//创建OverlayEntry
OverlayEntry overlayEntry = OverlayEntry(builder);
//显示到屏幕上
overlayState.insert(_overlayEntry);
//移除屏幕
overlayEntry.remove();