网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

怎么在Flutter调用Android原生代码

这期内容当中小编将会给大家带来有关怎么在Flutter调用Android原生代码,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

成都创新互联公司专业为企业提供桥西网站建设、桥西做网站、桥西网站设计、桥西网站制作等企业网站建设、网页设计与制作、桥西企业网站模板建站服务,10余年桥西做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

分3个大步骤:

1.在flutter中调用原生方法

2.在Android中实现被调用的方法

3.在iOS中实现被调用的方法

在flutter中调用原生方法

场景,这里你希望调用原生方法告诉你一个bool值,这个值的意义你可以随意定,这里表示的意义是是否是中国用户。

你可以在flutter中设计好要调用的方法名称,这里就叫

isChinese

请注意:

在flutter中要调用原生代码需要通过通道传递消息,在flutter端就是MethodChannel。

所以我们这里的做法是,在flutter 端创建一个自己命名的通道:

const platform = const MethodChannel("com.test/name");

这里的名字 com.test/name 你可以随便取。

讲解一下:

你可能有疑问了,我们自作主张在flutter端创建的通道,怎么就能告诉Android和iOS端到底该怎么调用呢?

你这个问题问得极好,这里啊先告诉你,等下我们还要分别在两端创建和这个通道同名的通道。

敲黑板了:

此时你知道了,我们要在三端分别有一个通道了吧,而且这三个通道是同名的,所以就能连接起来了。

不过这里还是先把flutter端的代码写完,然后我们再去分别设置android和iOS端的代码吧。go!

我们在flutter中的代码如下:

Future isEuropeUser() async {
 // Native channel
 const platform = const MethodChannel("com.test/name"); //分析1
 bool result = false;
 try {
  result = await platform.invokeMethod("isChinese"); //分析2
 } on PlatformException catch (e) {
  print(e.toString());
 }
 return result;
 }

还是分析一下:

分析1: 创建一个我们自定义的channel。

分析2: 用channel发送调用消息到原生端,调用方法是:isChinese

好了,flutter端相信你也觉得很简单了,接下来我们来看下android端怎么搞。

在Android中实现被调用的方法

我建议你在Android studio编写Android端代码哦,因为这样有良好的代码提示和头文件引入。不过你要是有办法做到同样的效果,啥IDE俺都不在乎。

在flutter项目文件夹里的Android文件夹中有一个 MainActivity.java文件,不要告诉我你找不到啊。

我先告诉你等下就在MainActivity里注册我们的Android端插件。嘿嘿,现在先去写我们的Android端插件吧。

代码我一次贴出来了,反正也不多。

public class FlutterNativePlugin implements MethodChannel.MethodCallHandler {

 public static String CHANNEL = "com.test/name"; // 分析1

 static MethodChannel channel;

 private Activity activity;

 private FlutterNativePlugin(Activity activity) {
  this.activity = activity;
 }

 public static void registerWith(PluginRegistry.Registrar registrar) {
  channel = new MethodChannel(registrar.messenger(), CHANNEL);
  FlutterNativePlugin instance = new FlutterNativePlugin(registrar.activity());
  channel.setMethodCallHandler(instance);
 }

 @Override
 public void onMethodCall(MethodCall methodCall, MethodChannel.Result result) { // 分析 2
  if (methodCall.method.equals("isChinese")) {
   boolean isChinese = true; 
   result.success(isEuropean); // 分析3
  }
  else {
   result.notImplemented();
  }
 }
}

分析:

分析1: 注意这里的插件名字要和flutter中的一样

分析2:onMethodCall这个方法是插件的回调,这里我们根据方法名isChinese判断调用的方法,然后实现我们的操作就行了。

分析3:这里直接返回了true,因为这只是个例子,而你应该换成你自己的逻辑哦。

我们的插件写好了,回到MainActivity.java中进行注册。

看下代码:

public class MainActivity extends FlutterActivity {
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 GeneratedPluginRegistrant.registerWith(this);
 registerCustomPlugin(this);
 }

 private void registerCustomPlugin(PluginRegistry registrar) {
 FlutterNativePlugin.registerWith(registrar.registrarFor(FlutterNativePlugin.CHANNEL));
 }
}

恭喜恭喜,Android端完成了。

//////////////////////////////////////////////////////////////////////////////////////////////////////////

接下来我们搞一下iOS端:

在iOS中实现被调用的方法

iOS中我建议你在xcode中编写代码哦。因为这样会有良好的提示。

我先告诉你要改那些文件:

用xcode打开iOS工程后,在Runner文件夹下有AppDelegate文件。

我们等下就在这里进行注册我们的插件。

那么我们先写我们的插件代码吧:

FlutterNativePlugin.h

\#import 
#import 

NS_ASSUME_NONNULL_BEGIN

@interface FlutterNativePlugin : NSObject 

@end

NS_ASSUME_NONNULL_END

FlutterNativePlugin.m

#import "FlutterNativePlugin.h"
#import "CountryUtils.h"

@implementation FlutterNativePlugin

+ (void)registerWithRegistrar:(NSObject*)registrar {
 FlutterMethodChannel* channel =
 [FlutterMethodChannel methodChannelWithName:@"com.test/name"
        binaryMessenger:[registrar messenger]];
 FlutterNativePlugin* instance = [[FlutterNativePlugin alloc] init];
 [registrar addMethodCallDelegate:instance channel:channel];
}

- (void)handleMethodCall:(FlutterMethodCall*)call result:(FlutterResult)result {
 if ([@"isEuropeUser" isEqualToString:call.method]) {
  result([NSNumber numberWithBool:YES]);
 } else {
  result(FlutterMethodNotImplemented);
 }
}
@end

分析:

这里也是和android一个德行,分为注册和方法回调两部分。但是你可能发现了这里的通道是FlutterMethodChannel,这个不用大惊小怪,flutter也是用和Android上的MethodChannel不同类名类区分这两个平台的。只是名字不同而已。

该在iOS上注册了:

在 AppDelegate.m类的如下方法添加代码就行:

- (BOOL)application:(UIApplication *)application
 didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
 [GeneratedPluginRegistrant registerWithRegistry:self];
 [FlutterNativePlugin registerWithRegistrar: [self registrarForPlugin:@"FlutterNativePlugin"]];
 return [super application:application didFinishLaunchingWithOptions:launchOptions];
}

上述就是小编为大家分享的怎么在Flutter调用Android原生代码了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


分享标题:怎么在Flutter调用Android原生代码
分享地址:http://bjjierui.cn/article/gspccj.html

其他资讯