flutter插件开发-ios

flutter插件开发是一个重要的技能,拓展flutter与原生的通信,将一些公用的东西封装,给不同的项目使用。

阅读前置:

flutter基本通道调用

objective-c基础语法

ios项目基础知识

目录

1、创建一个插件项目

创建一个ios原生的插件项目,指定平台为ios,语言为objective-c,也可以是android平台等等。

cpp 复制代码
flutter create -t plugin --platforms=ios --ios-language=objc add_helper

2、项目结构

example是该项目内置的一个帮助测试我们开发的插件代码的dart项目

从pubspec.yaml文件中可看出,依赖的就是即将开发的插件项目

lib中有三个文件

  • add_helper.dart
  • add_helper_method_channel.dart
  • add_helper_platform_interface.dart
    这三个文件应该倒着理解,看一下interface里面,这就是一个抽象的通道平台接口,里面定义与原生通道的方法,里面就内置了一个官方的例子,获取平台版本号的方法抽象。
cpp 复制代码
Future<String?> getPlatformVersion() {
    throw UnimplementedError('platformVersion() has not been implemented.');
  }

///添加一个自定义的方法 
Future<int?> add(int a, int b) {
    throw UnimplementedError('add() has not been implemented.');
  }

可以添加自定义的方法,测试文件可能会报错,点进去暴力注释掉就行,method_channel就是platform_interface的实现

cpp 复制代码
@override
  Future<String?> getPlatformVersion() async {
    final version = await methodChannel.invokeMethod<String>('getPlatformVersion');
    return version;
  }

  @override
  Future<int?> add(int a, int b) async {
    final result = await methodChannel.invokeMethod<int>('add', <String, int>{
      'a': a,
      'b': b,
    });
    return result;
  }

最后这些方法在第一个文件统一通过一个类再封装方法给需要用到的地方的调用。

cpp 复制代码
class AddHelper {
  Future<String?> getPlatformVersion() {
    return AddHelperPlatform.instance.getPlatformVersion();
  }

  Future<int?> add(int a, int b) {
    return AddHelperPlatform.instance.add(a, b);
  }
}

3、编写原生代码

因为我们生成的是oc代码,所以这里是这样子的,接下来需要初始化ios项目,进入example,执行

cpp 复制代码
flutter build ios

成功后,打开xcode,打开example下的ios,既然是编写原生插件,就在原生项目中进行开发,插件的代码是被集成在了pod里面的,可以看到,位置很深

添加原生处理代码,只需要在获取版本的方法后面加一个case就行

cpp 复制代码
- (void)handleMethodCall:(FlutterMethodCall*)call result:(FlutterResult)result {
  if ([@"getPlatformVersion" isEqualToString:call.method]) {
    result([@"iOS " stringByAppendingString:[[UIDevice currentDevice] systemVersion]]);
  } else if ([@"add" isEqualToString:call.method]) {
      int a = [call.arguments[@"a"] intValue];
      int b = [call.arguments[@"b"] intValue];
      result(@(a + b));
  } else {
    result(FlutterMethodNotImplemented);
  }
}

4、编写flutter端测试代码

回到android studio,/add_helper/example/lib/main.dart中编写

cpp 复制代码
int totalCount = 0;
///
@override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: Center(
          child: Column(
            children: [
              Text('Running on: $_platformVersion\n'),
              ElevatedButton(
                onPressed: () async {
                  int? val = await _addHelperPlugin.add(totalCount, 1);
                  setState(() {
                    totalCount = val ?? -1;
                  });
                },
                child: Text('totalCount: $totalCount'),
              )
            ],
          ),
        ),
      ),
    );
  }

运行项目:

参考文档:
Flutter插件开发指南01: 通道Channel的编写与实现
Writing custom platform-specific code

相关推荐
goto_w9 分钟前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos
bst@微胖子11 小时前
Flutter项目之登录注册功能实现
开发语言·javascript·flutter
小墙程序员13 小时前
Flutter 教程(十一)多语言支持
flutter
无知的前端15 小时前
Flutter 一文精通Isolate,使用场景以及示例
android·flutter·性能优化
yidahis15 小时前
Flutter 运行新建项目也报错?
flutter·trae
木马不在转15 小时前
Flutter-权限permission_handler插件配置
flutter
鸿蒙布道师17 小时前
鸿蒙NEXT开发对象工具类(TS)
android·ios·华为·harmonyos·arkts·鸿蒙系统·huawei
刘小哈哈哈19 小时前
封装了一个iOS多分区自适应宽度layout
macos·ios·cocoa
江上清风山间明月19 小时前
一周掌握Flutter开发--9. 与原生交互(下)
flutter·交互·原生·methodchannel
GeniuswongAir19 小时前
Flutter极速接入IM聊天功能并支持鸿蒙
flutter·华为·harmonyos