Flutter如何添加与iOS通信-MethodChannel

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

//
//  ViewController.swift
//  FlutterModuleTest
//
//  Created by ksnowlv on 2024/3/22.
//

import UIKit

import Flutter

class ViewController: UIViewController {
    @IBOutlet weak var flutterInfoLabel:UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }
    
    @IBAction func showFlutterView()  {
        let flutterEngine = (UIApplication.shared.delegate as! AppDelegate).flutterEngine
        let flutterViewController = FlutterViewController(engine: flutterEngine, nibName: nil, bundle: nil)
        
        
        let methodChannel = FlutterMethodChannel(name:"com.example.flutter_channel",binaryMessenger:flutterViewController as!FlutterBinaryMessenger)
        //向flutterView发送消息
        methodChannel.invokeMethod("openFlutterView",arguments:["ksnowlv",10])
        
        // 处理Flutter的返回消息
        methodChannel.setMethodCallHandler { (call,result) in
            if call.method == "dataFromFlutter" {
                print("data from flutter \(String(describing: result))")
                if let arguments = call.arguments as?Dictionary<String,Any>,
                   let message = arguments["message"] as?String,
                   let count = arguments["count"] as?Int {
                    
                    //确保执行在主线程中，目前返回的消息是回调到主线程中的；
                    DispatchQueue.main.async { [self] in
                        flutterInfoLabel.text = "from flutter:message:\(message),count:\(count)"
                    }
                    // 返回一个结果给Flutter
                    result("Data received successfully")
                }
            }
        }
        
        let navigationController = UINavigationController(rootViewController: flutterViewController)
        navigationController.navigationBar.topItem?.rightBarButtonItem = UIBarButtonItem(barButtonSystemItem: .stop, target: self, action: #selector(dismissFlutterViewController))
        present(navigationController, animated: true, completion: nil)
    }
    
    @objc func dismissFlutterViewController() {
        dismiss(animated: true, completion: nil)
        
    }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

class _MyHomePageState extends State<MyHomePage> {
  static const methodChannel = MethodChannel('com.example.flutter_channel');
  String name = '';
  int age = 0;
  int _counter = 0;

  @override
  void initState() {
    super.initState();
    //处理来自iOS端方法调用
    methodChannel.setMethodCallHandler((call) async {
      debugPrint("Method call: ${call.method}");
      if (call.method == "openFlutterView") {
        if (call.arguments.length == 2) {
          name = call.arguments[0];
          age = call.arguments[1];
          setState(() {
            debugPrint("name: $name, age: $age");
          });
        }

        // Do something with the arguments if needed
      }
    });
  }

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
   
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
      
        child: Column(

          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
            const SizedBox(height: 20),
            Text(' data {name:$name, age:$age} from iOS'),

            const SizedBox(height: 20),
            ElevatedButton(
                onPressed: () async {
                  try {
                    final Map<String, dynamic> arguments = {
                      'message': 'I am air from Flutter',
                      'count':_counter 
                    };
                    final String result = await methodChannel.invokeMethod(
                        'dataFromFlutter', arguments);

                    debugPrint('send data to iOS: $result');
                  } catch (e) {
                    debugPrint(e.toString());
                  }
                },
                child: const Text('send data to iOS'))
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}

1
2
3
4

flutter: Method call: openFlutterView
flutter: name: ksnowlv, age: 10
data from flutter (Function)
flutter: send data to iOS: Data received successfully