Flutter与iOS原生如何通讯

在Flutter中与iOS原生进行通讯通常使用Platform Channels。Platform Channels允许Flutter与原生代码之间进行双向通信。以下是一个简单的Flutter与iOS原生通讯的示例。

首先,在Flutter中创建一个通道,例如MethodChannel,并定义一些方法用于与iOS原生进行通信。然后,在iOS原生代码中实现这些方法。下面是一个简单的示例:

Flutter 代码:

js 复制代码
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  static const platform = const MethodChannel('com.example.flutter_ios_demo/channel');

  Future<void> _sendMessageToNative() async {
    try {
      await platform.invokeMethod('sendMessageToNative', {'message': 'Hello from Flutter!'});
    } on PlatformException catch (e) {
      print("Failed to send message to native: ${e.message}");
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Flutter iOS Demo'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: _sendMessageToNative,
            child: Text('Send Message to Native'),
          ),
        ),
      ),
    );
  }
}

iOS 代码:

js 复制代码
import UIKit
import Flutter

@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
  override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
  ) -> Bool {
    let controller : FlutterViewController = window?.rootViewController as! FlutterViewController
    let channel = FlutterMethodChannel(name: "com.example.flutter_ios_demo/channel", binaryMessenger: controller.binaryMessenger)
    
    channel.setMethodCallHandler({
      (call: FlutterMethodCall, result: @escaping FlutterResult) -> Void in
      if call.method == "sendMessageToNative" {
        if let arguments = call.arguments as? Dictionary<String, Any>,
           let message = arguments["message"] as? String {
          self.receiveMessageFromFlutter(message: message)
          result(nil)
        } else {
          result(FlutterError(code: "INVALID_ARGUMENTS", message: "Invalid arguments", details: nil))
        }
      } else {
        result(FlutterMethodNotImplemented)
      }
    })

    GeneratedPluginRegistrant.register(with: self)
    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }

  func receiveMessageFromFlutter(message: String) {
    print("Received message from Flutter: \(message)")
    // Handle the received message from Flutter in your native iOS code
  }
}

在上述示例中,我们使用了MethodChannel来建立Flutter和iOS原生之间的通信通道。Flutter通过invokeMethod发送消息给原生,原生通过设置setMethodCallHandler来接收来自Flutter的消息,并执行相应的处理。

确保在你的pubspec.yaml文件中添加了flutter/services依赖。

这只是一个简单的示例,实际的应用可能涉及更多的交互和数据传输。请注意,这里的通信是单向的,如果需要双向通信,你可能需要使用EventChannel等其他通道类型。

相关推荐
发现一只大呆瓜2 小时前
超全 Vite 性能优化指南:网络、资源、预渲染三维落地方案
前端·面试·vite
IT_陈寒2 小时前
Vue的computed属性怎么突然不更新了?
前端·人工智能·后端
智商不够_熬夜来凑2 小时前
【Picker】单选多选
前端·javascript·vue.js
米饭不加菜3 小时前
Typora 原生流程图语法完全指南(Flowchart.js)
前端·javascript·流程图
scan7243 小时前
langgraphy条件边
前端·javascript·html
冰小忆4 小时前
类变量在继承场景下的初始化规则是怎样的?
java·前端·数据库
YAwu114 小时前
JavaScript this 底层机制剖析
前端·javascript
你好潘先生4 小时前
让 AI 任务不丢进度:YeeroAI 后台续跑与全局快捷操作实践
前端·人工智能·后端
小KK_5 小时前
写给前端小白:我终于搞懂了JS原型和原型链
前端·javascript