【凤凰社】 Flutter-填平菜鸟和高手之间的沟壑

Flutter-填平菜鸟和高手之间的沟壑

准备写作中...

 

1、Flutter-skia-影像,Flutter skia-图形渲染层、应用渲染层
2、方法通道使用示例,用于演示如何使用方法通道实现与原生代码的交互
需求:提示用户跳转到应用市场去评分
在实际业务中,提示用户跳转到应用市场(iOS 为 App Store、Android 则为各类手机应用市场)去评分是一个高频需求,考虑到 Flutter 并未提供这样的接口,而跳转方法在 Android 和 iOS 上各不相同,因而我们需要分别在 Android 和 iOS 上实现这样的功可以,并暴露给 Dart 相关的接口。
我们先来看看作为客户端的 Flutter,怎样实现一次方法调用请求,实际上与调用一个 Dart 对象的方法完全一样。
(1)首先,我们需要确定一个唯一的字符串标识符,来构造一个命名通道;
(2)然后,在这个通道之上,Flutter 通过指定方法名“openAppMarket”来发起一次方法调用请求。
(3)最后,Beacuse方法调用过程是异步的,需要用非阻塞(或者注册回调)方法来等待原生代码给予响应。

3、把发起方法调用请求的语句用 try-catch 包装起来,处理异常
需要注意的是,与网络调用类似,方法调用请求有可可以会失败(比如,Flutter 发起了原生代码不支持的 API 调用,或是调用过程出错等),因而我们需要把发起方法调用请求的语句用 try-catch 包装起来。

//声明MethodChannel
const platform = MethodChannel('samples.chenhang/utils');

//处理按钮点击
handleButtonClick() async {
int result;
//异常捕获
try {
//异步等待方法通道的调用结果
result = await platform.invokeMethod('openAppMarket');
} catch (e) {
result = -1;
}
print("Result:$result");
}

4、分别在 Android 和 iOS 两个平台上完成对应的接口实现,在原生代码中完成方法调用的响应
调用方的实现搞定了,接下来就需要在原生代码宿主中完成方法调用的响应实现了。由于我们需要适配 Android 和 iOS 两个平台,So我们分别需要在两个平台上完成对应的接口实现。

首先,我们来看看 Android 端的实现方法。
(1)在上一小结最后我提到,在 Android 平台,方法调用的处理和响应是在 Flutter 应用的入口,也就是在 MainActivity 中的 FlutterView 里实现的,因而我们需要打开 Flutter 的 Android 宿主 App,找到 MainActivity.java 文件,并在其中添加相关的逻辑。
A、用 AS 打开 Flutter 项目 flutter_app_top_tab_03
B、然后,在 Flutter 项目 flutter_app_top_tab_03 中,右击该项目的 android 子项目选择用 Android 打开。如果直接在 Flutter 项目中编写安卓代码,会有许多红线报错,也没有安卓命令提示、无法用 Ctrl + Alt + L 进行代码格式化

(2)调用方与响应方都是通过命名通道进行信息交互的,So我们需要在 onCreate 方法中,创建一个与调用方 Flutter 所使用的通道名称一样的 MethodChannel,并在其中设置方法处理回调,响应 openAppMarket 方法,打开应用市场的 Intent。
(3)同样地,考虑到打开应用市场的过程可可以会出错,我们也需要增加 try-catch 来捕获可可以的异常:

r:\FlutterProject\FlutterProject35\26_native_method\android\app\src\main\java\com\example\native_method\MainActivity.java
文件内容:
package com.hangchen.native_method;

import android.os.Bundle;
import io.flutter.app.FlutterActivity;
import io.flutter.plugin.common.MethodCall;
import io.flutter.plugin.common.MethodChannel;
import io.flutter.plugins.GeneratedPluginRegistrant;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
public class MainActivity extends FlutterActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
GeneratedPluginRegistrant.registerWith(this);

new MethodChannel(getFlutterView(), "samples.chenhang/navigation").setMethodCallHandler(
new MethodChannel.MethodCallHandler() {
@Override
public void onMethodCall(MethodCall call, MethodChannel.Result result) {
// Note: this method is invoked on the main thread.
if(call.method.equals("openAppStore")) {
try {
Uri uri = Uri.parse("market://details?id=com.tencent.mm");
Intent intent = new Intent(Intent.ACTION_VIEW, uri);
intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
startActivity(intent);
} catch (Exception e) {
result.error("UNAVAILABLE", "没有安装应用市场", null);
}
}
else {
result.notImplemented();
}
}
});
}
}


5、在 Flutter 应用中通过调用 openAppMarket 方法,实现打开应用市场的功可以,
需要注意的是,在 Flutter 使用方法通道进行方法调用和原生代码返回处理结果的过程中,存在传输信息的序列化和反序列化。

接下来,我们就可以在 Flutter 应用里,通过调用 openAppMarket 方法,实现打开不同操作系统提供的应用市场功可以了。
需要注意的是,在原生代码处理完毕后将处理结果返回给 Flutter 时,我们在 Dart、Android 和 iOS 分别用了三种数据类型:
Android 端返回的是 java.lang.Integer、
iOS 端返回的是 NSNumber、
Dart 端接收到返回结果时又变成了 int 类型。
这是为什么呢?这是Beacuse在使用方法通道进行方法调用时,由于涉及到跨系统数据交互,Flutter 会使用 StandardMessageCodec 对通道中传输的信息进行类似 JSON 的二进制序列化,以标准化数据传输行为。这样在我们发送或者接收数据时,这些数据就会根据各自系统预定的规则自动进行序列化和反序列化。
看到这里,你是不是对这样类似网络调用的方法通道技术有了更深刻的印象呢。对于上面提到的例子,类型为 java.lang.Integer 或 NSNumber 的返回值,先是被序列化成了一段二进制格式的数据在通道中传输,然后当该数据传递到 Flutter 后,又被反序列化成了 Dart 语言中的 int 类型的数据。
关于 Android、iOS 和 Dart 平台间的常见数据类型转换,我总结成了下面一张表格,帮助你理解与记忆。你只要记住,像 null、布尔、整型、字符串、数组和字典这些基本类型,是可以在各个平台之间以平台定义的规则去混用的,就可以了。


0 评论

回复