说明:

  • messenger:用于消息传递,后面介绍 Flutter 与 原生通信时用到此参数

  • viewId:View 生成时会分配一个唯一 ID

  • args:Flutter 传递的初始化参数

2.4 注册PlatformView

创建PlatformViewFactory

class MyFlutterViewFactory(val messenger: BinaryMessenger) : PlatformViewFactory(StandardMessageCodec.INSTANCE) {

override fun create(context: Context, viewId: Int, args: Any?): PlatformView {

val flutterView = MyFlutterView(context, messenger, viewId, args as Map<String, Any>?)

return flutterView

}

}

创建MyPlugin

class MyPlugin : FlutterPlugin {

override fun onAttachedToEngine(binding: FlutterPlugin.FlutterPluginBinding) {

val messenger: BinaryMessenger = binding.binaryMessenger

binding

.platformViewRegistry

.registerViewFactory(

“plugins.flutter.io/custom_platform_view”, MyFlutterViewFactory(messenger))

}

companion object {

@JvmStatic

fun registerWith(registrar: PluginRegistry.Registrar) {

registrar

.platformViewRegistry()

.registerViewFactory(

“plugins.flutter.io/custom_platform_view”,

MyFlutterViewFactory(registrar.messenger()))

}

}

override fun onDetachedFromEngine(binding: FlutterPlugin.FlutterPluginBinding) {

}

}

说明:

  • plugins.flutter.io/custom_platform_view ,这个字符串在 Flutter 中需要与其保持一致

2.5 在 App 中 MainActivity 中注册

class MainActivity : FlutterActivity() {

override fun configureFlutterEngine(flutterEngine: FlutterEngine) {

super.configureFlutterEngine(flutterEngine)

flutterEngine.plugins.add(MyPlugin())

}

}

2.6 嵌入Flutter

void main() => runApp(PlatformViewDemo());

class PlatformViewDemo extends StatelessWidget {

@override

Widget build(BuildContext context) {

Widget? platformView(){

if(defaultTargetPlatform == TargetPlatform.android){

return AndroidView(

viewType: ‘plugins.flutter.io/custom_platform_view’

);

}

}

return MaterialApp(

home: Scaffold(

appBar: AppBar(title: Text(“Flutter Demo”),),

body: Center(

child: platformView(),

),

),

);

}

}

2.7 效果图

[外链图片转存中…(img-S0Mxwj7g-1710924961997)]

三 设置初始化参数


3.1 Flutter 端修改如下

AndroidView(

viewType: ‘plugins.flutter.io/custom_platform_view’,

creationParams: {‘text’: ‘Flutter传给AndroidTextView的参数’},

creationParamsCodec: StandardMessageCodec(),

)

说明:

  • creationParams :传递的参数,插件可以将此参数传递给 AndroidView 的构造函数

  • creationParamsCodec :将 creationParams 编码后再发送给平台侧,它应该与传递给构造函数的编解码器匹配。值的范围:

  • StandardMessageCodec

  • JSONMessageCodec

  • StringCodec

  • BinaryCodec

3.2 修改 MyFlutterView

class MyFlutterView(context: Context, messenger: BinaryMessenger, viewId: Int, args: Map<String, Any>?) : PlatformView {

val textView: TextView = TextView(context)

init {

args?.also {

textView.text = it[“text”] as String

}

}

override fun getView(): View {

return textView

}

override fun dispose() {

TODO(“Not yet implemented”)

}

}

说明:

  • it[“text”]为Flutter端参数text,获取到的值为Flutter传给AndroidTextView的参数

3.3 效果图

[外链图片转存中…(img-gNRQaQiA-1710924961998)]

四 Flutter 向 Android View 发送消息


4.1 修改 Flutter 端,创建 MethodChannel 用于通信

void main() => runApp(PlatformViewDemo());

class PlatformViewDemo extends StatefulWidget {

@override

State createState() => _PlatformViewDemoState();

}

class _PlatformViewDemoState extends State {

static const platform = const MethodChannel(‘com.example.androidflutter.MyFlutterView’);

@override

Widget build(BuildContext context) {

Widget? platformView() {

if (defaultTargetPlatform == TargetPlatform.android) {

return AndroidView(

viewType: ‘plugins.flutter.io/custom_platform_view’,

creationParams: {‘text’: ‘Flutter传给AndroidTextView的参数’},

creationParamsCodec: StandardMessageCodec(),

);

}

}

return MaterialApp(

home: Scaffold(

appBar: AppBar(title: Text(“Flutter”),),

body: Column(children: [

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
img

4年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。**
[外链图片转存中…(img-FcIKCtcZ-1710924961998)]
[外链图片转存中…(img-v7Lm8ORh-1710924961999)]
[外链图片转存中…(img-UcMHtiBb-1710924962000)]
[外链图片转存中…(img-xxVwyS9L-1710924962000)]

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
[外链图片转存中…(img-pDW5zYLT-1710924962001)]

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐