如何使用 flutter 和 kotlin 在应用程序外拥有小部件？

Question

I need a way to make a button or a container that can still be visible even when I close the app like so: . But this is just simply impossible in flutter. So what I've been doing is making a platform channel on my app and trying to make the container and button with native components. But I've been using kotlin and do not know much about this programming language. Is there a way for my code to be able to make such widgets?(I would thank you so much if you could edit my full code.)

Full Code:

Flutter:

class FloatingContainer extends StatelessWidget {

  static const platform = const MethodChannel('flutter.App.com.channel');

  @override
  Widget build(BuildContext context) {
    return Container ();
  }
  Future<Null> _showNativeView() async {}

}

Kotlin:

package com.example.swipe

import android.os.Bundle

import io.flutter.app.FlutterActivity
import io.flutter.plugins.GeneratedPluginRegistrant
import io.flutter.plugin.common.MethodChannel

class MainActivity() : FlutterActivity() {
    private val CHANNEL = "flutter.App.com.channel"

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        GeneratedPluginRegistrant.registerWith(this)

        MethodChannel(flutterView, CHANNEL).setMethodCallHandler { call, result ->

        }
    }
}

Answer 1

This is known as a Draw Over Other apps.

This feature is not available in the iOS probably that's the reason flutter doesn't has this feature or official package for it.

But to achieve this feature in your application you can write up some PlatformChannels .

This permission allow you to draw on top of everything.

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

Allows an application to open windows using the type TYPE_SYSTEM_ALERT, shown on top of all other applications. Very few applications should use this permission; these windows are intended for system-level interaction with the user.

Constant Value: "android.permission.SYSTEM_ALERT_WINDOW"

This code can also help you out to achieve this.

You can also check out springy-heads library by Flipkart-Incubator too.

Answer 2

您好，在这种情况下，您正在搜索PlatformChannels您可以在此处查看文档： https : //flutter.dev/docs/development/platform-integration/platform-channels或者如果您希望我在我的网站上有一篇关于此的小帖子： http://fjbatresv.com/flutter-tambien-habla-nativo/ （在帖子顶部选择您的语言。）

Answer 3

Apart from restriction that it won't work on IOS, there is a plugin in flutter called System Alert Window , which does the same

It shows Truecaller like overlay window, over all other apps along with callback events