Flutter开发之——IOSView

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）

结语

• 现在随着短视频，抖音，快手的流行NDK模块开发也显得越发重要，需要这块人才的企业也越来越多，随之学习这块的人也变多了，音视频的开发，往往是比较难的，而这个比较难的技术就是NDK里面的技术。
• 音视频/高清大图片/人工智能/直播/抖音等等这年与用户最紧密，与我们生活最相关的技术一直都在寻找最终的技术落地平台，以前是windows系统，而现在则是移动系统了，移动系统中又是以Android占比绝大部分为前提，所以AndroidNDK技术已经是我们必备技能了。
• 要学习好NDK，其中的关于C/C++，jni，Linux基础都是需要学习的，除此之外，音视频的编解码技术，流媒体协议，ffmpeg这些都是音视频开发必备技能，而且
• OpenCV/OpenGl/这些又是图像处理必备知识，下面这些我都是当年自己搜集的资料和做的一些图，因为当年我就感觉视频这块会是一个大的趋势。所以提前做了一些准备。现在拿出来分享给大家。

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

则是移动系统了，移动系统中又是以Android占比绝大部分为前提，所以AndroidNDK技术已经是我们必备技能了。

• 要学习好NDK，其中的关于C/C++，jni，Linux基础都是需要学习的，除此之外，音视频的编解码技术，流媒体协议，ffmpeg这些都是音视频开发必备技能，而且
• OpenCV/OpenGl/这些又是图像处理必备知识，下面这些我都是当年自己搜集的资料和做的一些图，因为当年我就感觉视频这块会是一个大的趋势。所以提前做了一些准备。现在拿出来分享给大家。

[外链图片转存中…(img-VuWLwmMJ-1713317913432)]

[外链图片转存中…(img-6n5hBxoF-1713317913433)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！