美文网首页
flutter和原生交互传参的方式

flutter和原生交互传参的方式

作者: xieyinghao | 来源:发表于2023-05-27 07:41 被阅读0次

1、flutter调用OC传参,需要使用MethodChannel
1、flutter内部点击事件传参

//  用于调用原生方法  "hometestmethod"标识符与OC中的监听标识符保持一致
  var homechannelmethod = MethodChannel("hometestmethod");
// 点击
  onTap: (){
        //给原生发送消息并传入参数,原生根据标识homePageCallNativeMethond来做对应的处理
        homechannelmethod.invokeMethod('homePageCallNativeMethond',{"key":"value","key1":"value1"});
      },

2、OC接受传参

//    1.创建方法通道对象,用于监听flutter调用原生时的回调,唯一标识“hometestmethod”与flutter要保持一致
    FlutterMethodChannel *channel = [FlutterMethodChannel methodChannelWithName:@"hometestmethod" binaryMessenger:flutterViewController.binaryMessenger];
    //2. 设置监听回调block,flutter端通过通道调用原生方法时会进入以下回调
    [channel setMethodCallHandler:^(FlutterMethodCall * _Nonnull call, FlutterResult  _Nonnull result) {
        //call的属性method是flutter调用原生方法的方法名,我们进行字符串判断然后写入不同的逻辑
        if ([call.method isEqualToString:@"homePageCallNativeMethond"]) {
            //flutter传给原生的参数
            id para = call.arguments;
            NSLog(@"flutter传给原生的参数:%@", para);
            //可以做界面跳转
            [self.navigationController pushViewController:[TestViewController new] animated:YES];
            //获取一个字符串
            NSString *nativeFinalStr = @"原生给flutter回传的值";
            if (nativeFinalStr!=nil) {
                //把获取到的字符串传值给flutter
                result(nativeFinalStr);
            }else{
                //异常(比如改方法是调用原生的getString获取一个字符串,但是返回的是nil(空值),这显然是不对的,就可以向flutter抛出异常 进入catch处理)
                result([FlutterError errorWithCode:@"001" message:[NSString stringWithFormat:@"进入异常处理"] details:@"进入flutter的trycatch方法的catch方法"]);
            }
        }else{
            //调用的方法原生没有对应的处理  抛出未实现的异常
            result(FlutterMethodNotImplemented);
        }
    }];

2、OC调用FLuttter传参,需要调用EventChannel,通过代理传参。

//1. 创建事件通道对象,唯一标识 “hometest”,到时flutter是根据该标识来监听原生发送给flutter的参数信息
    FlutterEventChannel *evenChannel = [FlutterEventChannel eventChannelWithName:@"hometest" binaryMessenger:flutterViewController.binaryMessenger];
    //2. 当原生跳往flutter时会触发下面的- (FlutterError *)onListenWithArguments:(id)arguments eventSink:(FlutterEventSink)events回调方法,可以在该方法中给flutter传递参数
    [evenChannel setStreamHandler:self];

//原生跳转flutter时,会触发该方法,在该方法中可以传递参数给flutter界面,需要注意的是flutter代码中必须写上对应的监听代码,这里才会被执行
- (FlutterError *)onListenWithArguments:(id)arguments eventSink:(FlutterEventSink)events{
    if (events) {
        events(@{@"key":@"value"});
    }
    return nil;
}

作者:woniu
链接:https://www.jianshu.com/p/fdff429fc5aa
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

相关文章

网友评论

      本文标题:flutter和原生交互传参的方式

      本文链接:https://www.haomeiwen.com/subject/bspkedtx.html