Flutter如何与iOS原生进行数据交互

文章首次整理发布自个人博客：一之笔:Flutter如何与iOS原生进行数据交互

image

上节主要整理了→如何用Pod集成Flutter，真是很方便；

本节内容是上节内容的补充；

关于如何与Flutter进行数据交互，且往下看：

要求：

Flutter环境OK；
Flutter模块已经开发好

交互前的改造

AppDelegate 改造

导入头文件 #import <Flutter/Flutter.h>

改造 .h 文件，直接继承 FlutterAppDelegate 即可


@interface AppDelegate : FlutterAppDelegate


@end

.m 暂时不需要改动，也有的修改调用 super 的，FlutterAppDelegate 其实就是继承自 UIResponder 的；

iOS 跟 Flutter 数据交互

可以这么想，Flutter就是一个容器，在这个容器里，可以有多个不同的View,每次切换，底层引擎绘制当前需要显示的内容；

不像原生，A push B，需要两个不同的VC，在Flutter只有一个，哪怕你整个模块都是Flutter，也只有一个VC，这个VC在Flutter里面叫做 FlutterViewController；如果你想从原生进入Flutter，就创建FlutterViewController就可以，而创建FlutterViewController，跟我们原生的VC是一样的，直接 [alloc init],就行；跳转到FlutterVC的哪个页面，这个是路由决定的；

路由Route

我们可以通过设置 Route,来跳转不同的FLutter业务VC；像下面的示例的代码，很简单；

FlutterViewController *flutterVC = [[FlutterViewController alloc] init];
//设置路由
[flutterVC setInitialRoute:@"my_friends"];
//push 或者 present
[self.navigationController presentViewController:flutterVC animated:YES completion:nil];

那如何给Flutter传参数，或者处理Flutter给我们的响应，比如，在Flutter中，网络接口返回 session 失效，会话过期，需要弹窗，返回登录页面；

这个FLutter提供了，FFlutterMethodChannel这个类，用于数据交互

MethodChannel

FlutterMethodChannel，这个类主要负责Flutter要啥数据，或者以什么样的数据格式给他，都是这个类负责的，而在Flutter内部就需要定义好需要的格式；

 FlutterMethodChannel *methodChannel = [FlutterMethodChannel methodChannelWithName:@"methodName" binaryMessenger:messenger];
[methodChannel setMethodCallHandler:^(FlutterMethodCall * _Nonnull call, FlutterResult  _Nonnull result) {
      if ([call.method isEqualToString:@"userId"]) {
         NSString *userId = kUserInfo.user.userId;
         result(userId);
      }
   }];

来看上面这个示例:

第一行初始化一个方法信道，这个方法由 Flutter定义好，可以这么理解，就是方法的集合，为什么是个集合？

因为在它的回调中，还有一个 FlutterMethodCall，这里面是具体的方法名跟参数；

第一行的代码的第二个参数，本质是一个代理，遵循FlutterBinaryMessenger协议的对象就可以，而FlutterViewController刚好就遵循了这个协议，参数就传 FlutterViewController 对象；

FlutterMethodCall 与 FlutterResult

第二行代码：

(void)setMethodCallHandler:(FlutterMethodCallHandler _Nullable)handler;

这个很熟悉吧，是一个Block的回调，而这个Block里面，除了FlutterMethodCall，还有一个FlutterResult，这个也是个BLock，并且接收 id 类型的参数，这两个很重要，基本就是 FlutterVC 跟原生交互的主角了；

需要注意的是，每次result回调只能使用一次；

这个两者数据交互，可以自行封装下，统一调用，以下是我封装的一个示例：

- (void)flutterChennelMethodWithName:(NSString *)methodName binaryMessenger:(NSObject<FlutterBinaryMessenger>*)messenger {
   FlutterMethodChannel *methodChannel = [FlutterMethodChannel methodChannelWithName:methodName binaryMessenger:messenger];
   [methodChannel setMethodCallHandler:^(FlutterMethodCall * _Nonnull call, FlutterResult  _Nonnull result) {
      if ([call.method isEqualToString:@"userId"]) {
         NSString *userId = kUserInfo.user.userId;
         result(userId);
      }
      if ([call.method isEqualToString:@"cookie"]) {
         NSString *cookie = [kUserDefault objectForKey:@"Cookie"];
         result(cookie);
      }
      if ([call.method isEqualToString:@"exit"]) {
         [self pressLogoutButton];
      }
      CNAuthorizationStatus status = [CNContactStore authorizationStatusForEntityType:CNEntityTypeContacts];
      // method和WKWebView里面JS交互很像
      if ([call.method isEqualToString:@"checkReadContactPermission"]) {
         //获取通讯录权限
         if (status == CNAuthorizationStatusNotDetermined) {
            CNContactStore *store = [CNContactStore new];
            [store requestAccessForEntityType:CNEntityTypeContacts completionHandler:^(BOOL granted, NSError * _Nullable error) {
               if (granted)
               {
                  NSNumber *number = [NSNumber numberWithBool:YES];
                  result(number);
               }
               else
               {
                  NSNumber *number = [NSNumber numberWithBool:NO];
                  result(number);
               }
            }];
         }
         else {
            NSNumber *number = [NSNumber numberWithBool:NO];
            result(number);
         }
      }
      if ([call.method isEqualToString:@"getReadContactPermission"]) {
         //获取通讯录权限
         if (status != CNAuthorizationStatusAuthorized) {
            NSNumber *number = [NSNumber numberWithBool:NO];
            result(number);
         }
         else {
            NSNumber *number = [NSNumber numberWithBool:YES];
            result(number);
         }
      }
      // iOS传参给flutter
      if ([call.method isEqualToString:@"getContactList"]) {
         [[LJContactManager sharedInstance] accessSectionContactsComplection:^(BOOL succeed, NSArray<LJSectionPerson *> *contacts, NSArray<NSString *> *keys) {
            NSMutableArray *contactArray = [NSMutableArray array];
            for (LJSectionPerson *sectionPerson in contacts) {
               for (LJPerson *person in sectionPerson.persons) {
                  NSString *fullString = [NSString stringWithFormat:@"%@/",person.fullName];
                  for (int i = 0; i < person.phones.count; i++) {
                     LJPhone *phone = person.phones[i];
                     fullString = [fullString stringByAppendingFormat:@"%@/%@/",phone.label,phone.phone];
                  }
                  NSLog(@"拼接后的字符串:%@",fullString);
                  fullString = [fullString substringToIndex:fullString.length-1];
                  [contactArray addObject:fullString];
               }
            }
            result(contactArray);
         }];
      }
   }];
}

最后有问题欢迎大家留言讨论；

如果你觉得文章对你有一点帮助，欢迎点个❤️，谢谢！

相关文章：
如何用Pod集成Flutter