Flutter的插件就是一个库,只是这个库比较特殊,可以用来跟原生打交道,比如调用蓝牙、WiFi、相机等。Flutter和原生(iOS和安卓)之间,是通过MethodChannel
平台通道来进行通信的,之间的通信,都是异步方式。
1. 新建插件
新建Project:
在弹出的窗口中,选择Flutter,然后在如下界面的type选项选择Plugin,插件项目命名为plugin_test
:
然后运行新建的该插件,发现屏幕中显示对应平台的版本号。
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端或者安卓端代码,否则无法断点调试原生代码
在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
文件进行测试