Flutter 5. 插件开发

Flutter的插件就是一个库,只是这个库比较特殊,可以用来跟原生打交道,比如调用蓝牙、WiFi、相机等。Flutter和原生(iOS和安卓)之间,是通过MethodChannel平台通道来进行通信的,之间的通信,都是异步方式。

1. 新建插件

新建Project:


1751468-c9cb396c6a1e0126.png
第一步

在弹出的窗口中,选择Flutter,然后在如下界面的type选项选择Plugin,插件项目命名为plugin_test

1751468-01fa2b38c0c24cec.png
第二步

然后运行新建的该插件,发现屏幕中显示对应平台的版本号。

2. 分析新建插件

对上一步新建的插件,我们通过分析来学习如何做到Flutter与原生平台交互(显示原生平台的版本号)。

打开刚才新建的插件项目,发现跟普通的Flutter项目目录结构基本相同,
其中的 plugin_test.dart 文件是用来对外提供接口的文件:

// 通过平台通道进行通信,都是异步的
import 'dart:async';
// services库提供与底层通讯的方法
import 'package:flutter/services.dart';

class PluginTest {
  // 定义一个通道方法。注意他的参数通常为字符串,且必须跟原生代码的一致,否则无法通信
  static const MethodChannel _channel =
      const MethodChannel('plugin_test');
  // 定义platformVersion方法,此方法用来提供对外服务,须异步处理
  static Future<String> get platformVersion async {
    // 调用原生程序获取系统版本号
    final String version = await _channel.invokeMethod('getPlatformVersion');
    return version;
  }
}

下面来分析新建的插件项目中的iOS部分的文件:
建议使用如下方式编辑iOS端或者安卓端代码,否则无法断点调试原生代码

1751468-1a43dfae0b9a40c4.png

在Xcode项目中,找到同名文件PluginTestPlugin.h

#import <Flutter/Flutter.h>

@interface PluginTest1Plugin : NSObject<FlutterPlugin>
@end

.m文件为:

@implementation PluginTest1Plugin
// 实现协议中的注册方法,这个方法主要是用来定义与上层代码通信的通道
+ (void)registerWithRegistrar:(NSObject<FlutterPluginRegistrar>*)registrar {
  FlutterMethodChannel* channel = [FlutterMethodChannel methodChannelWithName:@"plugin_test1" binaryMessenger:[registrar messenger]];
  PluginTest1Plugin* instance = [[PluginTest1Plugin alloc] init];
  [registrar addMethodCallDelegate:instance channel:channel];
}
// 实现协议中的注册方法,用来响应上层调用
- (void)handleMethodCall:(FlutterMethodCall*)call result:(FlutterResult)result {
  if ([@"getPlatformVersion" isEqualToString:call.method]) {
    result([@"iOS " stringByAppendingString:[[UIDevice currentDevice] systemVersion]]);
  } else {
    result(FlutterMethodNotImplemented);
  }
}

@end

3. 测试插件

插件开发完以后,我们可以在插件项目的Example目录下的lib下的main.dart文件进行测试

猜你喜欢

转载自blog.csdn.net/weixin_34066347/article/details/87334517