flutter_overlay_window如何使用

我在使用flutter_overlay_window插件时遇到了一些问题：

  1. 如何正确初始化并使用这个插件？是否需要额外的配置？
  2. 在Android和iOS上显示悬浮窗的权限应该如何申请？
  3. 悬浮窗的布局能否自定义？如果能，应该如何实现？
  4. 关闭悬浮窗后，如何确保资源被正确释放？
  5. 有没有完整的示例代码可以参考？

希望有经验的朋友能帮忙解答，谢谢！

2 回复

Flutter Overlay Window 是一个用于在 Android 上创建悬浮窗的插件。使用方法如下：

  1. 添加依赖：在 pubspec.yaml 中添加 flutter_overlay_window 依赖并运行 flutter pub get。

  2. 权限配置：在 AndroidManifest.xml 中添加悬浮窗权限：

    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />

  3. 基本使用：

    • 请求权限：await FlutterOverlayWindow.requestPermission()
    • 启动悬浮窗：FlutterOverlayWindow.showOverlay()
    • 关闭悬浮窗：FlutterOverlayWindow.closeOverlay()

  4. 自定义悬浮窗：通过 OverlayFlag 配置属性（如位置、尺寸），并通过 MethodChannel 与主应用通信。

注意：仅支持 Android，且需用户手动授权悬浮窗权限。测试时需在系统设置中开启“悬浮窗”权限。

更多关于flutter_overlay_window如何使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


Flutter Overlay Window 是一个用于在 Android 设备上创建悬浮窗的 Flutter 插件。以下是基本使用方法：

1. 添加依赖

在 pubspec.yaml 中添加：

dependencies:
  flutter_overlay_window: ^0.2.0

2. 权限配置

在 AndroidManifest.xml 中添加悬浮窗权限：

<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />

3. 基本使用

import 'package:flutter_overlay_window/flutter_overlay_window.dart';

// 请求悬浮窗权限
bool hasPermission = await FlutterOverlayWindow.requestPermission();

// 启动悬浮窗
if (hasPermission) {
  await FlutterOverlayWindow.showOverlay();
}

// 关闭悬浮窗
await FlutterOverlayWindow.closeOverlay();

// 更新悬浮窗内容
await FlutterOverlayWindow.updateOverlay();

4. 配置悬浮窗

可以设置悬浮窗的各种属性：

await FlutterOverlayWindow.showOverlay(
  height: 200,
  width: 200,
  alignment: OverlayAlignment.center,
  positionGravity: PositionGravity.auto,
  enableDrag: true,
);

5. 注意事项

  • 需要用户手动授权悬浮窗权限
  • 不同 Android 版本权限申请方式可能不同
  • 悬浮窗内容通过独立的 Flutter Engine 渲染

6. 生命周期管理

建议在 dispose() 方法中关闭悬浮窗：

@override
void dispose() {
  FlutterOverlayWindow.closeOverlay();
  super.dispose();
}

使用前请查看插件的完整文档，了解最新的 API 变更和兼容性信息。

回到顶部