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

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

准备写做中...

 

一、Flutter-skia-影像，Flutter skia-图形渲染层、应用渲染层
二、方法通道使用示例，用于演示如何使用方法通道实现与原生代码的交互
需求：提示用户跳转到应用市场去评分
在实际业务中，提示用户跳转到应用市场（iOS 为 App Store、Android 则为各种手机应用市场）去评分是一个高频需求，考虑到 Flutter 并未提供这样的接口，而跳转方式在 Android 和 iOS 上各不相同，所以咱们须要分别在 Android 和 iOS 上实现这样的功能，并暴露给 Dart 相关的接口。
咱们先来看看做为客户端的 Flutter，怎样实现一次方法调用请求，实际上与调用一个 Dart 对象的方法彻底同样。
（1）首先，咱们须要肯定一个惟一的字符串标识符，来构造一个命名通道；
（2）而后，在这个通道之上，Flutter 经过指定方法名“openAppMarket”来发起一次方法调用请求。
（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");
}

四、分别在 Android 和 iOS 两个平台上完成对应的接口实现，在原生代码中完成方法调用的响应
调用方的实现搞定了，接下来就须要在原生代码宿主中完成方法调用的响应实现了。因为咱们须要适配 Android 和 iOS 两个平台，因此咱们分别须要在两个平台上完成对应的接口实现。

首先，咱们来看看 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）调用方与响应方都是经过命名通道进行信息交互的，因此咱们须要在 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();
}
}
});
}
}

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