init(messenger:FlutterBinaryMessenger) {

self.messenger = messenger

super.init()

}

func create(withFrame frame: CGRect, viewIdentifier viewId: Int64, arguments args: Any?) -> FlutterPlatformView {

return MyFlutterView(frame,viewID: viewId,args: args,messenger: messenger)

}

func createArgsCodec() -> FlutterMessageCodec & NSObjectProtocol {

return FlutterStandardMessageCodec.sharedInstance()

}

}

3.4 在 AppDelegate 中注册

import UIKit

import Flutter

@UIApplicationMain

@objc class AppDelegate: FlutterAppDelegate {

override func application(

_ application: UIApplication,

didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?

) -> Bool {

GeneratedPluginRegistrant.register(with: self)

let registrar:FlutterPluginRegistrar = self.registrar(forPlugin: “plugins.flutter.io/custom_platform_view_plugin”)!

let factory = MyFlutterViewFactory(messenger: registrar.messenger())

registrar.register(factory, withId: “plugins.flutter.io/custom_platform_view”)

return super.application(application, didFinishLaunchingWithOptions: launchOptions)

}

}

说明：

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

3.5 编辑Flutter页面

在Intellij页面中编辑main.dart

import ‘package:flutter/foundation.dart’;

import ‘package:flutter/material.dart’;

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’,

);

} else if (defaultTargetPlatform == TargetPlatform.iOS) {

return UiKitView(

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

);

}

}

return MaterialApp(

home: Scaffold(

appBar: AppBar(

title: Text(“Platform”),

),

body: Center(

child: platformView(),

),

),

);

}

}

3.6 效果图

四 Flutter中嵌入IOS自定义View时设置初始化参数

---

4.1 Flutter 端修改如下

UiKitView(

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

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

creationParamsCodec: StandardMessageCodec(),

)

• creationParams ：传递的参数，插件可以将此参数传递给 AndroidView 的构造函数。

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

• StandardMessageCodec

• JSONMessageCodec

• StringCodec

• BinaryCodec

4.2 IOS自定义View接受参数

import Foundation

import Flutter

class MyFlutterView: NSObject,FlutterPlatformView {

let label = UILabel()

init(_ frame: CGRect,viewID: Int64,args :Any?,messenger :FlutterBinaryMessenger) {

super.init()

if(args is NSDictionary){

let dict = args as! NSDictionary

label.text = dict.value(forKey: “text”) as! String

}

}

func view() -> UIView {

return label

}

}

4.3 效果图

五 Flutter 向 iOS View 发送消息

---

5.1 Flutter 端，创建 MethodChannel 用于通信(Intellij端修改)

import ‘package:flutter/foundation.dart’;

import ‘package:flutter/material.dart’;

import ‘package:flutter/services.dart’;

void main() {

runApp(PlatformViewDemo());

}

class PlatformViewDemo extends StatefulWidget {

@override

_PlatformViewDemoState createState() => _PlatformViewDemoState();

}

class _PlatformViewDemoState extends State {

static const platform =

const MethodChannel(‘com.example.flutterios.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(),

);

} else if (defaultTargetPlatform == TargetPlatform.iOS) {

return UiKitView(

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

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

creationParamsCodec: StandardMessageCodec(),

);

}

}

return MaterialApp(

home: Scaffold(

appBar: AppBar(),

body: Column(children: [

RaisedButton(

child: Text(‘传递参数给原生View’),

onPressed: () {

platform.invokeMethod(‘setText’, {‘name’: ‘张三’, ‘age’: 18});

},

),

Expanded(child: Center(child: platformView())),

]),

),

);

}

}

说明：

• com.example.flutterios.MyFlutterView：是IOS端端自定义View路径，与IOS端MethodChannel端保持一致

5.2 IOS原生View 中也创建一个 MethodChannel 用于通信(Xcode)

import Foundation

import Flutter

最后

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

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
SPinv2-1715535536318)]

[外链图片转存中…(img-Qa7Uhfxe-1715535536319)]

[外链图片转存中…(img-YyqL8Xlk-1715535536322)]

[外链图片转存中…(img-w0kWpgJZ-1715535536323)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！