flutter悬浮窗口,flutter开屏页

flutter- 全局悬浮可拖动的Widget

那天,产品经理说“我在微信朋友圈里点了别人分享出来的歌曲链接 听了会歌 那歌简直了 好听 退到聊天界面 出现了个悬浮的歌曲图标 那我们能不能做类似的 在所有页面都会存在这样一个悬浮图标 这个图标目前要有打客服电话功能”。

我一心想，这人真会搞事 哈哈。行 满足他

事实上有一个Overlay的widget,它的createState方法获取的就是OverlayState对象.

Overlay可以认为是一个UI上面的蒙版/浮空层,使用起来类似Stack;

相关问答

Q1: flutter android 原生浮窗组件 android_window 介绍

仓库地址：

pub 地址：

修改 MainActivity.kt 让 MainActivity 继承 qiuxiang.android_window.AndroidWindowActivity ：

创建 MainApplication.kt ：

修改 AndroidManifest.xml 的 application 新增属性 android:name=".MainApplication" ：

main.dart：

我们需要用 @pragma('vm:entry-point') 声明一个入口函数，默认函数名是 androidWindow ，当然你可以随意指定一个，只是调用 open 的时候需要同时指定参数 entryPoint: 。

android_window.dart:

浮窗 app 的写法就和我们平时写的 app 没什么区别了，如果需要支持窗口拖拽移动，则要在最外层使用 AndroidWindow 。

最终效果：

更完整的示例请参考：

主应用和浮窗都有 post 和 setHandler 方法用于发送消息以及设置监听处理函数。用法举例：

主应用发送消息到浮窗：

浮窗监听并处理主应用消息：

反过来同理。

Q2: Flutter项目添加logcat窗口的方法

我们在调试flutter时，通常看到的并不是我们熟悉的logcat，而是Run里的Consale,也就是控制台窗口，那么当我们需要在flutter和原生互相调用时，看原生的打印该怎么办呢？答案当然是让logcat重新出来了，在flutter项目中出来，而不用重新跑一个原生项目，或者说用原生项目和flutter来回切，这样太浪费时间了，想要调出logcat一共需要三步：

第一步：

配置SDK

都配置完后记得点确定。

感谢这篇文章的作者

Flutter项目没有Logcat界面时打开Logcat的方法