单一产品销售网站建设模板,泾川县住房和城乡建设局网站,地推一手项目平台,建设企业网站价格Flutter制作插件有两种方式#xff08;以下以android和ios为例#xff09;#xff1a; 目录 1.直接在主工程下的android和ios项目内写插件代码#xff1a;2.创建独立Flutter Plugin项目#xff0c;制作各端插件后#xff0c;再引入项目#xff1a;1. 创建Flutter Plugin…Flutter制作插件有两种方式以下以android和ios为例 目录 1.直接在主工程下的android和ios项目内写插件代码2.创建独立Flutter Plugin项目制作各端插件后再引入项目1. 创建Flutter Plugin2. Flutter Plugin创建完成3. 使用android studio打开主工程example下的android工程编写安卓端插件代码在onMethodCall中编写你自己的方法我这里新增一个test方法在实现类plugin_example_method_channel.dart中添加实现方法在plugin_example.dart中添加调用方法在main.dart中测试方法 4. 使用XCode打开主工程example下的ios工程编写IOS端插件代码执行flutter pub get修改sdk版本号配置flutter sdk路径删除 integration_testxcode打开ios工程并编写代码 发布插件 1.直接在主工程下的android和ios项目内写插件代码 可以使用Android Studio和Xcode分别打开android和ios项目并进行代码编写以及插件的引用这种方式属于直接集成在自己的项目内需自己定义插件名称channel名称以及flutter端和原生端通信的相关方法。 优点 - 接入方式简单 缺点 - 接入过程稍麻烦需要自己定义及编写通信相关代码 - 对于通用插件无法直接提供给其它项目共享 2.创建独立Flutter Plugin项目制作各端插件后再引入项目 1. 创建Flutter Plugin 注意圈着的部分工程类型一定要选择Plugin然后填写包名选择开发语言对于开发语言的选择有几点建议如果你将要制作的插件没有引入第三方sdk或者只引入了一些工具类的库那么根据你熟悉或喜欢的语言随意选择但如果你需要引入第三方sdk特别是ios的sdk使用的是oc编写建议选择java和oc因为目前为止大部分的第三方sdk仍然是以java和oc语言开发为主这样你在参考sdk文档时很多代码可以直接复制会节省不少时间。 2. Flutter Plugin创建完成 创建完成后可以看到目录结构plugin_example就是你的插件住工程将来其它项目引入时就是引入的plugin_example打开lib文件夹有三个文件 plugin_example.dart插件外显名称PluginExample使用插件时new的插件对象plugin_example_method_channel.dart通信通道主要在这里注册channel和调用原生方法plugin_example_platform_interface.dart通信接口plugin_example_method_channel是他的实现类类似java的interface和impl 示例中提供了一个获取当前系统平台版本号的一个方法getPlatformVersion我们按照这个示例编写自己的方法即可而plugin_example下的example工程则是插件使用示例项目可以让你直接运行项目进行插件调试。 最终的插件代码使用示例 import package:plugin_example/plugin_example.dart; ... final _pluginExamplePlugin PluginExample(); ... _pluginExamplePlugin.getPlatformVersion();当前整个项目结构是主工程被包含在了插件工程内部 如果我有多个插件怎么办一个主工程也不可能被多个插件包含啊不用担心插件的引用只需要你配置好引用路径即可至于插件放在哪个位置那得看你自己了一般的为了查看方便以及结构合理性我们可以反过来把插件放入主工程目录下然后修改下引用路径即可关闭AS自行移动文件夹位置然后修改引入路径 这样是不是看着就顺眼多了引入的各个插件一目了然 3. 使用android studio打开主工程example下的android工程编写安卓端插件代码 打开后可能需要等待AS配置安卓环境~ 上面的android即插件工程下面的android则是安卓主工程现在你就可以打开插件主类编写代码了 channel new MethodChannel(flutterPluginBinding.getBinaryMessenger(), plugin_example);channnel的名称默认即可跟你创建插件时填入的插件项目名称一致最好不要修改 在onMethodCall中编写你自己的方法我这里新增一个test方法 else if (call.method.equals(test)) {String param (String) call.arguments;MapString, Object map new HashMap();map.put(code, 0);map.put(msg, Test Success: param);result.success(map); }在plugin_example_platform_interface.dart中添加test方法 FutureMap? test(param) {throw UnimplementedError(test() has not been implemented.);}注意FutureMap?表示此方法返回值类型是Map这个需要根据你自己的返回值类型而定一般用Map最多因为你可能不止返回一个参数 在实现类plugin_example_method_channel.dart中添加实现方法 overrideFutureMap? test(param) async {final map await methodChannel.invokeMethodMap(test,param);return map;}在plugin_example.dart中添加调用方法 FutureMap? test(param) {return PluginExamplePlatform.instance.test(param);}注意当你增加方法后test文件可能会报错你可以根据提示添加方法或直接将test删除即可 在main.dart中测试方法 我这里直接修改了原来获取版本的示例方法 Futurevoid initPlatformState() async {Map? platformVersion await _pluginExamplePlugin.test(123);if (!mounted) return;setState(() {_platformVersion platformVersion.toString();});}运行 与插件方法返回一致成功 else if (call.method.equals(test)) {String param (String) call.arguments;MapString, Object map new HashMap();map.put(code, 0);map.put(msg, Test Success: param);result.success(map); }4. 使用XCode打开主工程example下的ios工程编写IOS端插件代码 我们编写插件时应遵循一个原则即先完成一端的插件编写将所有需要使用的方法编写调试完成再编写另一端。如我先将android端的插件编写完成且flutter端的调用方法也已实现那么在编写ios端代码时就只用考虑实现andorid端编写的方法即可方法编写完成就可直接运行因为flutter的调用逻辑都以实现 我们在用xcode打开ios工程前要确保你的mac中已经安装了flutter和cocoapods环境因为flutter plugin是以pods方式集成的确认没问题后可以先使用mac端AS打开项目并运行这时AS会自动执行pod install并自动配置项目的xcode环境。 执行flutter pub get AS打开项目后先执行flutter pub get 配置flutter环境 报错了意思是项目要求dart版本不能低于3.1.0但我dart版本是3.0.6这是因为如果你调试安卓和ios不在同一台电脑导致的只需将主工程和插件工程下的pubspec.xml的sdk版本调低即可 修改sdk版本号 environment:sdk: 3.0.0 4.0.0再次执行flutter pub get成功但此时我们可能发现还是无法运行 这是因为我们没有给该项目指定flutter sdk路径 配置flutter sdk路径 这种情况经常出现在现在windows环境下调试安卓然后又将项目发送到了mac上调试ios时出现 指定完sdk路径项目即可运行点击运行报错 此时我们将test相关全部删除掉没什么用又经常报错耽误时间如果你需要test那另当别论 删除 integration_test 运行成功但控制台报错找不到方法 找不到方法就对了因为我们还没开始编写ios端插件代码呢此时便可使用xcode打开ios项目了 xcode打开ios工程并编写代码 双击运行 我们在PluginExamplePlugin.m中编写代码实现test方法在handleMethodCall方法中添加 else if ([test isEqualToString:call.method]) {NSString *paramcall.arguments;result({code:0,msg:[NSString stringWithFormat:Test Success:%,param]});} 再次运行 成功 此时一个完整的android和ios双端插件就只做完成了当其他项目使用时可以直接复制引入即可若你想公开此插件给更多人使用那么就可以发布到https://pub.dev/上。 发布插件 终端进入插件根目录执行命令 flutter packages pub publish --dry-run报错意思是homepage没有设置我们可以设置一下(可以设置为你的github项目地址) 另外你也可以为你的插件添加开源协议LICENSE如果不知道怎么写可以复制别人的或者自己在github上创建一个带LICENSE的空项目复制进来然后再次执行命令 已经没问题了可以发布了 flutter packages pub publish --serverhttps://pub.dartlang.orgDo you want to publish plugin_example 0.0.1 to https://pub.dev (y/N)? 输入y 复制链接在浏览器打开登录谷歌账号就行插件相关配置操作… … 此处省略一万字如果你能解决qiang的问题那么当出现Successfully uploaded package时就表示插件已发布成功你就可以进入https://pub.dartlang.org/packages/xxx查看你的插件了