如何从Flutter项目调用Flutter Widget绑定到Android原生Service？

要在Android Service中用Flutter Widget替代LayoutInflater加载布局，核心是在Service中初始化Flutter渲染环境，并将FlutterView嵌入到Service关联的Window中（Service本身无默认UI容器）。以下是具体实现步骤：

1. 配置权限（针对悬浮窗场景） #

如果通过悬浮窗展示Flutter Widget，需在AndroidManifest.xml中添加权限：

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

Android 6.0及以上版本需动态申请该权限。

2. 实现Service中初始化FlutterEngine与FlutterView #

在Service中创建并配置FlutterEngine，生成FlutterView后将其添加到WindowManager：

class FlutterWidgetService : Service() {
    private lateinit var flutterEngine: FlutterEngine
    private lateinit var flutterView: FlutterView
    private lateinit var windowManager: WindowManager

    override fun onCreate() {
        super.onCreate()
        windowManager = getSystemService(WINDOW_SERVICE) as WindowManager

        // 初始化FlutterEngine
        flutterEngine = FlutterEngine(this)
        // 指定要加载的Flutter路由
        flutterEngine.navigationChannel.setInitialRoute("service_widget")
        // 启动Flutter引擎
        flutterEngine.dartExecutor.executeDartEntrypoint(
            DartExecutor.DartEntrypoint.createDefault()
        )

        // 创建FlutterView并关联引擎
        flutterView = FlutterView(this).apply {
            attachToFlutterEngine(flutterEngine)
        }

        // 配置Window参数（以悬浮窗为例）
        val layoutParams = WindowManager.LayoutParams(
            WindowManager.LayoutParams.WRAP_CONTENT,
            WindowManager.LayoutParams.WRAP_CONTENT,
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
                WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY
            } else {
                WindowManager.LayoutParams.TYPE_PHONE
            },
            WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
            PixelFormat.TRANSLUCENT
        )
        layoutParams.gravity = Gravity.CENTER

        // 将FlutterView添加到Window
        windowManager.addView(flutterView, layoutParams)
    }

    override fun onDestroy() {
        super.onDestroy()
        // 清理资源，避免内存泄漏
        flutterView.detachFromFlutterEngine()
        flutterEngine.destroy()
        windowManager.removeView(flutterView)
    }

    override fun onBind(intent: Intent): IBinder? {
        return null
    }
}

3. Flutter端配置对应Widget #

在Flutter项目中，根据指定路由创建对应Widget：

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      initialRoute: '/',
      routes: {
        '/': (context) => const HomePage(),
        'service_widget': (context) => const ServiceEmbeddedWidget(),
      },
    );
  }
}

class ServiceEmbeddedWidget extends StatelessWidget {
  const ServiceEmbeddedWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return Material(
      child: Container(
        padding: const EdgeInsets.all(16),
        color: Colors.white.withOpacity(0.9),
        child: const Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Text("这是Service中嵌入的Flutter Widget", style: TextStyle(fontSize: 18)),
            SizedBox(height: 16),
            ElevatedButton(onPressed: null, child: Text("示例按钮")),
          ],
        ),
      ),
    );
  }
}

关键说明 #

• 与Method Channel的区别：此方案直接在Service中嵌入Flutter渲染视图，用Flutter Widget作为UI载体，完全替代LayoutInflater加载原生布局的工作，无需通过Method Channel进行跨端方法调用。
• 生命周期管理：必须在Service销毁时同步销毁FlutterEngine和FlutterView，否则会引发内存泄漏。
• UI容器选择：除悬浮窗外，也可结合前台Service的自定义通知视图（但通知视图有尺寸和交互限制），需根据业务场景选择合适的Window类型。

内容的提问来源于stack exchange，提问作者hemandroid