Flutter学习-插件开发

Flutter学习-插件开发

前言

Flutter是移动开发的跨平台框架,在使用该框架开发过程中,很多原生如Android的系统版本、toast、定位、电量等功能,Flutter是无法实现的这些特定平台的功。这个场景下我们就只有使用插件来达到使用平台特定功能的效果。

那么插件是什么呢
Flutter中的插件是这样定义的:
一种专用的Dart包,其中包含用Dart代码编写的API,以及针对Android(使用Java或Kotlin)和/或针对iOS(使用ObjC或Swift)平台的特定实现。
从这个定义来看,一个插件应该包括平台代码、dart代码。但是这两部分代码功能怎么关联?
官网写到:
“如果你想开发一个调用特定平台API的包,你需要开发一个插件包,插件包是Dart包的专用版本。 插件包包含针对Android(Java或Kotlin代码)或iOS(Objective-C或Swift代码)编写的特定于平台的实现(可以同时包含Android和Ios原生的代码)。 API使用platform channels连接到特定平台(Android或IOS)。”
这里的“platform channels”即平台通道https://flutterchina.club/platform-channels/
所以,写一个插件,我们要先了解平台通道是什么?

一、平台通道(platform channels)

平台通道是一个桥梁,应用的Flutter部分通过平台通道(platform channel)将消息发送到其应用程序的所在的宿主(iOS或Android)。
宿主监听的平台通道,并接收该消息。然后它会调用特定于该平台的API(使用原生编程语言) - 并将响应发送回客户端,即应用程序的Flutter部分。
官网图如下:
在这里插入图片描述
值得注意的是:
消息和响应是异步传递的,以确保用户界面保持响应(不会挂起)。

调用方式:

  1. 在客户端,MethodChannel (API)可以发送与方法调用相对应的消息。 在宿主平台上,MethodChannel 在Android((API) 和 FlutterMethodChannel iOS (API) 可以接收方法调用并返回结果。这些类允许您用很少的“脚手架”代码开发平台插件。
  2. 如果需要,方法调用也可以反向发送,宿主作为客户端调用Dart中实现的API。

支持数据类型:
官网说明支持的类型如下: (另外,这些值在消息中的序列化和反序列化会自动进行,使用者不必关心。PS:是否支持自定义类型的转换?还不清楚。估计是不支持)
在这里插入图片描述

二、创建插件

第一次接触Flutter,可能很疑惑,AS自带创建项目类型有好几个,有啥区别?

  1. Flutter Application: Flutter应用(可以独立运行到设备上,叫做应用)
  2. Flutter Plugin:Flutter插件(Plugin其实就是一个特殊的Package,包括了平台Native代码,无法独立运行。)
  3. Flutter Package:纯Dart组件 (避免代码重复,组件可供很多应用使用)
    现在开始来创建插件项目flutter_plugin_test:
    在这里插入图片描述

使用As自动创建插件项目flutter_plugin_test后,会自动生成平台代码,目录结构如下:
在这里插入图片描述
1.android目录:存放android代码
2.example目录:测试plugin的目录,可写代码测试plugin
3.ios目录:存放ios的平台代码
4.lib目录:存放dart代码
创建该插件项目时候,平台已经自动生成了平台版本号获取的代码。
其中:
MethodChannel类
构造函数如下:
const MethodChannel(this.name, [this.codec = const StandardMethodCodec()]);
name:The logical channel on which communication happens, not null
( channel的名称,同平台代码中注册名字)
codec:The message codec used by this channel, not null.(消息编码,暂时不关心)。
Flutter与iOS和Android的交互就是通过这个MethodChannel。MethodChannel就是我们的信使,负责dart和原生代码通信。

如上面测试代码,channe name为flutter_plugin_test,此时对应到平台代码(android平台为例,在目录android下面):

package com.demo.flutterplugintest;

import io.flutter.plugin.common.MethodCall;
import io.flutter.plugin.common.MethodChannel;
import io.flutter.plugin.common.MethodChannel.MethodCallHandler;
import io.flutter.plugin.common.MethodChannel.Result;
import io.flutter.plugin.common.PluginRegistry.Registrar;

/** FlutterPluginTestPlugin */
public class FlutterPluginTestPlugin implements MethodCallHandler {
  /** Plugin registration. */
  public static void registerWith(Registrar registrar) {
    final MethodChannel channel = new MethodChannel(registrar.messenger(), "flutter_plugin_test");
    channel.setMethodCallHandler(new FlutterPluginTestPlugin());
  }

  @Override
  public void onMethodCall(MethodCall call, Result result) {
    if (call.method.equals("getPlatformVersion")) {
      result.success("Android " + android.os.Build.VERSION.RELEASE);
    } else {
      result.notImplemented();
    }
  }
}

如上所述,平台代码中,需要注册这个channel。flutter通过一个这个channel name 才能才够在对应平台上找到对应的MethodChannel,从而实现flutter与平台的交互。
注册方式:
1.建立channel(对应到void registerWith(Registrar registrar)方法中进行)

final MethodChannel channel = new MethodChannel(registrar.messenger(), "flutter_plugin_test");
channel.setMethodCallHandler(new FlutterPluginTestPlugin());

2.实现MethodCallHandler接口
因为channel注册时候setMethodCallHandler为FlutterPluginTestPlugin;故FlutterPluginTestPlugin需要实现该接口:

 public interface MethodCallHandler {
    void onMethodCall(MethodCall var1, MethodChannel.Result var2);
}

onMethodCall说明:
该接口onMethodCall再dart调用平台方法时,被执行。
MethodCall中保存了dart调用的方法名和参数。如下:

MethodCall :
public final class MethodCall {
public final String method; //调用方法名
public final Object arguments; //方法中的参数
....
}

Result中表示执行结果,最终会返回到dart层:

public interface Result {
    void success(@Nullable Object var1);

    void error(String var1, @Nullable String var2, @Nullable Object var3);

    void notImplemented();
}

其中,执行成功,此时通过success将结果Object返回到dart层。

channel方法调用
在lib目录的dart文件中,获取到flutter_plugin_test的MethodChannel,封装到FlutterPluginTest类中,通过invokeMethod去调用本地方法。因为是异步执行,故需要加上async,获取平台版本号。文件lib/flutter_plugin_test.dart

import 'dart:async';

import 'package:flutter/services.dart';

class FlutterPluginTest {
  static const MethodChannel _channel =
      const MethodChannel('flutter_plugin_test');

  static Future<String> get platformVersion async {
    final String version = await _channel.invokeMethod('getPlatformVersion');
    return version;
  }
}

这样Flutter就可以访问,本地的方法了。
通常应用于访问本地资源,例如访问相机,本地存储,图片的选择等。

三、使用插件

由于插件flutter_plugin_test已经注册,并在dart中(lib/flutter_plugin_test.dart)提供了属性:platformVersion,所以使用插件很简单。
新建dart文件,import该插件后,调用方法属性就行了。
import ‘package:flutter_plugin_test/flutter_plugin_test.dart’;

try {
String platformVersion = await FlutterPluginTest.platformVersion;
} on PlatformException {
platformVersion = ‘Failed to get platform version.’;
}

四、总结

如上,Flutter创建插件就是这样一个过程。要理解MethodChannel进行本地和flutter代码的互相调用达到插件的效果。其实,Flutter还有其他的channel,如MessageChannel,EventChannel。后续再详细说明各个channel。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值