flutter的app悬浮窗 flutter tabbar 悬浮

Flutter点击返回键，回到桌面，但不退出APP的实现

只有Android手机上才会有返回APP的操作，所以以下所说的是针对Flutter的Android平台上开发，现在flutter的版本已经升级到1.22.0以上了，很多旧方法都不能用了，网络上有很多案例都是针对旧的flutter版本，所以我这边就做过新版本的该功能，方便大家参考一下

这是新旧flutter编写返回到桌面的最大区别，以前可以在MainActivity直接编写能用的插件，但是现在不行了，很多方法都没有了，因此，我们需要新启一个插件 app_util_plugin，编写网上有很多教程，这里就不在赘述了

插件模块

编写插件调用方法

在main.dart监听系统返回键，当时调用系统返回键时，将它拦截下来，再调用插件中的返回桌面的方法，这样就可以不用退出APP，就可以回到桌面了

整个过程很简单，希望可以帮到flutter 的初学者们

相关问答

Q1: Flutter之使用overlay显示悬浮控件

Overlay是一个Stack的widget，可以将overlay entry插入到overlay中，使独立的child窗口悬浮于其他widget之上。 因为Overlay本身使用的是[Stack]布局，所以overlay entry可以使用[Positioned] 或者 [AnimatedPositioned]在overlay中定位自己的位置。 当我们创建MaterialApp的时候，它会自动创建一个Navigator，然后创建一个Overlay; 然后利用这个Navigator来管理路由中的界面。

主要就是两个方法，往Overlay中插入entry，删除Overlay中的entry。

要将某个widget悬浮到页面顶部，就可以利用Overlay来实现。挺多场景都会用到，比如下面的例子。

如果自己写插件调用原生的Toast的话，比较麻烦，可能还会出一些适配的问题。所以可以在Flutter中利用Overlay实现Toast的效果，比较方便，而且无需担心适配的问题。 下面是简单地显示一个Toast，更多功能的话，自行封装咯。

比如实现微信首页右上角，点击“+”后的显示的弹窗效果。

（TODO：如何监听某个widget的焦点变化，我知道textform可以用focusNode来监听焦点变化，那其他widget如何监听焦点变化呢？）

Q2: 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 方法用于发送消息以及设置监听处理函数。用法举例：

主应用发送消息到浮窗：

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

反过来同理。

Q3: 3、Flutter中ThemeData与AppBar

本次主要是记录Fultter Theme主题的设备与AppBar中的一些属性的使用及说明。目前项目开发有了四个界面。前期主题没太注意，今天看来要好好总结一下近期所学。

首先，Android主题沉浸式设置，Flutter篇：

根据字面意思就能看出来是对状态懒得设置，其中用到了 dart:io 与 flutter/services.dart 这两个重点Mark一下，有时间深入探究一下用法跟能力。回归正题。

主题数据，其中最常用的是 primarySwatch 、 primaryColor 、 accentColor 。

primarySwatch:UI右下角的FloatingActionButton的颜色就是默认取值MaterialColor，

默认是蓝色的，如果修改成primarySwatch，就会变成这个颜色值。只支持MaterialColor。

primaryColor：顶部导航栏和状态栏的颜色修改，需要用到这个属性，类型 Color。

accentColor：前景色（文本、按钮、覆盖边缘效果等)。

看一下项目中的使用

其中 brightness 主题设置较为关键，它是设置状态栏图标与字体颜色的。

brightness: Brightness.dark 状态栏图标与字体颜色为白色。

brightness: Brightness.light 状态栏图标与字体颜色为黑色。

iconTheme ：设置appbar icon的颜色，appbar中icon的颜色会根据primaryColor的改变来确定自身的颜色，这里可以在iconTheme中指定icon的颜色。

默认不做修改前：

Q4: Flutter/IOS混和开发情况下，项目内首个Flutter页面导航无返回问题

在Flutter内部机制中，默认使用自动管理导航机制，该机制在Flutter与原生混和开发情况下，Flutter页面不一定作为项目的首页面，所以出现需要在首个Flutter页面使用导航返回的需求。

Flutter的AppBar中定义有属性：

该属性默认为YES，即默认为自动管理导航栏，该情况下其会在非第一个Flutter页面创建导航返回按钮，我们在AppBar中将其设置为false：

并且手动添加导航返回按钮：

完成

flutter的app悬浮窗的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter tabbar 悬浮、flutter的app悬浮窗的信息别忘了在本站进行查找喔。