Flutter Platform Channel 使用与源码分析

最新推荐文章于 2022-07-04 15:00:00 发布
最新推荐文章于 2022-07-04 15:00:00 发布
阅读量439 收藏
点赞数
原文链接：https://github.com/roc-x/roc-samples/tree/master/flutter_platform_channel
版权

奇技指南

本文是Flutter系列第三篇文章，将为大家介绍Flutter与Native通信使用及原理分析。

本文来自公众号奇舞移动技术。

01

为什么要有 PlatformChannel

1、如果 Flutter 要获取设备的电量信息怎么办？2、如果 Flutter 要实时监控网络状态怎么办？

由于 Flutter 特点如下：

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

1、Flutter 是一个跨平台的 UI 库，专注于构建高效的 UI。2、多平台的支持，下图是 Flutter 目前支持的平台，每个平台的都有自己的平台特性。

640?wx_fmt=png

基于以上两点，目前 Flutter 如果要和平台相关的部分通信需要有一个通道即 PlatformChannel。

02

架构图

640?wx_fmt=png

03

PlatformChannel 类型

  • BasicMessageChannel：用于数据传递。platform 和 dart 可互相传递数据（asynchronous message passing）

  • MethodChannel：用于传递方法调用。platform 和 dart 可互相调用方法（asynchronous method calls）

  • EventChannel：用于数据流通信。建立连接之后，platform 发送消息，dart 接收消息（event streams）

三种类型的 channel 都定义在 platform_channel.dart 中，从源码中可以看到三种 channel 都用到了以下三个属性。

  • name：String 类型，表示 channel 的名字，全局唯一（The logical channel on which communication happens）

  • codec：MessageCodec 类型，消息的编码解码器（The message codec used by this channel）

  • binaryMessenger：BinaryMessenger类型，用于发送数据（The messenger used by this channel to send platform messages）

3.1 channel name

channel 的名字，每个 Flutter 应用可能有多个 channel，但是每个 channel 必须有一个唯一的名字。

3.2 codec

codec 用来对数据编码解码，以便两端可以正确读取数据。640?wx_fmt=png

3.3 binaryMessenger

用于发送数据

04

PlatformChannel 使用

4.1 MethodChannel

Dart 调用 Android 方法

methodchannelpage.dart 主要代码

第一步	
static const methodChannel = MethodChannel("method_channel_sample");	
第二步	
Future<dynamic> getUserInfo(String method, {String userName}) async {	
  return await methodChannel.invokeMethod(method, userName);	
}	
第三步	
MaterialButton(	
  color: Colors.blue,	
  textColor: Colors.white,	
  child: new Text('获取 snow 用户信息'),	
  onPressed: () {	
    getUserInfo("getInfo", userName: "snow")	
      ..then((result) {	
        setState(() {	
          messageFromNative = result;	
        });	
      });	
  },	
),

MainActivity.java 主要代码

private void addMethodChannel() {	
    mMethodChannel = new MethodChannel(getFlutterView(), "method_channel_sample");	
    mMethodChannel.setMethodCallHandler((methodCall, result) -> {	
        String method = methodCall.method;	
        if ("getInfo".equals(method)) {	
            String userName = (String) methodCall.arguments;	
            if (userName.equals("rocx")) {	
                String user = "name:rocx, age:18";	
                result.success(user);	
            } else {	
                result.success("user not found");	
                invokeSayHelloMethod();	
            }	
        }	
    });	
}

从以上代码可以看出Dart 调用 Android 代码分三步。首先在 Dart 端定义 MethodChannel 名字为 method_channel_sample。然后定义 getUserInfo方法，传入要调用的方法名和参数。最后点击按钮执行方法，获取用户信息。

在 Android 端定一个 MethodChannel 名字和 Dart 端保持一致。设置 MethodCallHandler。当调用的是 getInfo方法时，根据参数返回信息。

Android 调用 Dart 方法

MainActivity.java 主要代码

private void invokeSayHelloMethod() {	
    mMethodChannel.invokeMethod("sayHello", "", new MethodChannel.Result() {	
        @Override	
        public void success(Object o) {	
            Toast.makeText(MainActivity.this, o.toString(), Toast.LENGTH_LONG).show();	
        }	
        @Override	
        public void error(String s, String s1, Object o) {	
        }	
        @Override	
        public void notImplemented() {	
        }	
    });	
}

methodchannelpage.dart 主要代码

Future<dynamic> addHandler(MethodCall call) async {	
  switch (call.method) {	
    case "sayHello":	
      return "Hello from Flutter";	
      break;	
  }	
}	
@override	
void initState() {	
  super.initState();	
  methodChannel.setMethodCallHandler(addHandler);	
}

从代码可以看出，在 Dart 端设置 MethodCallHandler 然后在 Android 端调用即可。

4.2 BasicMessageChannel

Dart 向 Android 发送消息

basicmessagechannel_page.dart 主要代码

第一步	
static const basicMessageChannel = BasicMessageChannel(	
      "basic_message_channel_sample", StandardMessageCodec());	
第二步	
Future<dynamic> sayHelloToNative(String message) async {	
  String reply = await basicMessageChannel.send(message);	
  setState(() {	
    msgReplyFromNative = reply;	
  });	
  return reply;	
}	
第三步	
MaterialButton(	
  color: Colors.blue,	
  textColor: Colors.white,	
  child: new Text('say hello to native'),	
  onPressed: () {	
    sayHelloToNative("hello");	
  },	
),

MainActivity.java 主要代码

private void addBasicMessageChannel() {	
    mBasicMessageChannel = new BasicMessageChannel<>(getFlutterView(), "basic_message_channel_sample", StandardMessageCodec.INSTANCE);	
    mBasicMessageChannel.setMessageHandler((object, reply) -> {	
        reply.reply("receive " + object.toString() + " from flutter");	
        mBasicMessageChannel.send("native say hello to flutter");	
    });	
}

从以上代码可以看出：Dart 向 Android 发送消息依然分为三步。首先在 Dart 端定义 BasicMessageChannel 名字为 basic_message_channel_sample。然后定义发送消息的方法 sayHelloToNative。最后点击按钮向 Android 端发送消息。在 Android 端定一个 BasicMessageChannel 名字和 Dart 端保持一致。设置 MethodCallHandler。当收到消息时发一个回复。

Android 向 Dart 发送消息

MainActivity.java 主要代码

mBasicMessageChannel.send("native say hello to flutter");

basicmessagechannel_page.dart 主要代码

Future<dynamic> addHandler(Object result) async {	
  setState(() {	
    msgReceiveFromNative = result.toString();	
  });	
}	
void addMessageListener() {	
  basicMessageChannel.setMessageHandler(addHandler);	
}	
@override	
void initState() {	
  super.initState();	
  addMessageListener();	
}

从代码可以看出，在 Dart 端设置 MessageHandler 然后在 Android 端直接发送消息即可。

4.3 EventChannel

eventchannelpage.dart 主要代码

第一步	
static const eventChannel = EventChannel("event_channel_sample");	
void _onEvent(Object event) {	
  setState(() {	
    if (_streamSubscription != null) {	
      eventMessage = event.toString();	
    }	
  });	
}	
void _onError(Object error) {	
  setState(() {	
    if (_streamSubscription != null) {	
      eventMessage = "error";	
    }	
  });	
}	
@override	
void initState() {	
  super.initState();	
  eventMessage = "";	
  第二步	
  _streamSubscription = eventChannel	
      .receiveBroadcastStream()	
      .listen(_onEvent, onError: _onError);	
}

MainActivity.java 主要代码

private void addEventChannel() {	
    mEventChannel = new EventChannel(getFlutterView(), "event_channel_sample");	
    mEventChannel.setStreamHandler(new EventChannel.StreamHandler() {	
        @Override	
        public void onListen(Object o, EventChannel.EventSink eventSink) {	
            task = new TimerTask() {	
                @Override	
                public void run() {	
                    runOnUiThread(() -> eventSink.success("i miss you " + System.currentTimeMillis()));	
                }	
            };	
            timer = new Timer();	
            timer.schedule(task, 2000, 3000);	
        }	
        @Override	
        public void onCancel(Object o) {	
            task.cancel();	
            timer.cancel();	
            task = null;	
            timer = null;	
        }	
    });	
}

Dart 接受 Android stream event。首先在 Dart 端定义 EventChannel 名字为 event_channel_sample。然后设置 receiveBroadcastStream 监听，当 Android 端有消息发过来会回调 _onEvent 方法。在 Android 端启动一个定时器，每隔 3s 向 Dart 端发送一次消息。

4.4 总结

如下图，在 Dart 与 Platform 通信过程中，通过 channel name 找到对方，然后把消息通过 codec 进行编解码，最后通过 binaryMessenger 进行发送。640?wx_fmt=png

05

源码分析

5.1

调用 MethodChannel 的 invokeMethod 方法，会调用到 binaryMessenger.send 方法。即 binaryMessenger.send 传入 channel name 和编码好的参数

  @optionalTypeArgs	
  Future<T> invokeMethod<T>(String method, [ dynamic arguments ]) async {	
    assert(method != null);	
    final ByteData result = await binaryMessenger.send(	
      name,	
      codec.encodeMethodCall(MethodCall(method, arguments)),	
    );	
    if (result == null) {	
      throw MissingPluginException('No implementation found for method $method on channel $name');	
    }	
    final T typedResult = codec.decodeEnvelope(result);	
    return typedResult;	
  }

5.2

binary_messenger.dart 的 send 方法会调用当前对象的 _sendPlatformMessage 方法，最终会调用 window.sendPlatformMessage 方法

  @override	
  Future<ByteData> send(String channel, ByteData message) {	
    final MessageHandler handler = _mockHandlers[channel];	
    if (handler != null)	
      return handler(message);	
    return _sendPlatformMessage(channel, message);	
  }
  Future<ByteData> _sendPlatformMessage(String channel, ByteData message) {	
    final Completer<ByteData> completer = Completer<ByteData>();	
    // ui.window is accessed directly instead of using ServicesBinding.instance.window	
    // because this method might be invoked before any binding is initialized.	
    // This issue was reported in #27541. It is not ideal to statically access	
    // ui.window because the Window may be dependency injected elsewhere with	
    // a different instance. However, static access at this location seems to be	
    // the least bad option.	
    ui.window.sendPlatformMessage(channel, message, (ByteData reply) {	
      try {	
        completer.complete(reply);	
      } catch (exception, stack) {	
        FlutterError.reportError(FlutterErrorDetails(	
          exception: exception,	
          stack: stack,	
          library: 'services library',	
          context: ErrorDescription('during a platform message response callback'),	
        ));	
      }	
    });	
    return completer.future;	
  }

5.3

在 window.dart 中又调用了 native 方法 _sendPlatformMessage

  void sendPlatformMessage(String name,	
                           ByteData data,	
                           PlatformMessageResponseCallback callback) {	
    final String error =	
        _sendPlatformMessage(name, _zonedPlatformMessageResponseCallback(callback), data);	
    if (error != null)	
      throw Exception(error);	
  }
  String _sendPlatformMessage(String name,	
                              PlatformMessageResponseCallback callback,	
                              ByteData data) native 'Window_sendPlatformMessage';

5.4

接下来进入 engine 中的 window.cc，可以看到最终调用的是 dart_state->window()->client()->HandlePlatformMessage

void Window::RegisterNatives(tonic::DartLibraryNatives* natives) {	
  natives->Register({	
      {"Window_defaultRouteName", DefaultRouteName, 1, true},	
      {"Window_scheduleFrame", ScheduleFrame, 1, true},	
      {"Window_sendPlatformMessage", _SendPlatformMessage, 4, true},	
      {"Window_respondToPlatformMessage", _RespondToPlatformMessage, 3, true},	
      {"Window_render", Render, 2, true},	
      {"Window_updateSemantics", UpdateSemantics, 2, true},	
      {"Window_setIsolateDebugName", SetIsolateDebugName, 2, true},	
      {"Window_reportUnhandledException", ReportUnhandledException, 2, true},	
      {"Window_setNeedsReportTimings", SetNeedsReportTimings, 2, true},	
  });	
}
void _SendPlatformMessage(Dart_NativeArguments args) {	
  tonic::DartCallStatic(&SendPlatformMessage, args);	
}
Dart_Handle SendPlatformMessage(Dart_Handle window,	
                                const std::string& name,	
                                Dart_Handle callback,	
                                Dart_Handle data_handle) {	
  UIDartState* dart_state = UIDartState::Current();	
  if (!dart_state->window()) {	
    return tonic::ToDart(	
        "Platform messages can only be sent from the main isolate");	
  }	
  fml::RefPtr<PlatformMessageResponse> response;	
  if (!Dart_IsNull(callback)) {	
    response = fml::MakeRefCounted<PlatformMessageResponseDart>(	
        tonic::DartPersistentValue(dart_state, callback),	
        dart_state->GetTaskRunners().GetUITaskRunner());	
  }	
  if (Dart_IsNull(data_handle)) {	
    dart_state->window()->client()->HandlePlatformMessage(	
        fml::MakeRefCounted<PlatformMessage>(name, response));	
  } else {	
    tonic::DartByteData data(data_handle);	
    const uint8_t* buffer = static_cast<const uint8_t*>(data.data());	
    dart_state->window()->client()->HandlePlatformMessage(	
        fml::MakeRefCounted<PlatformMessage>(	
            name, std::vector<uint8_t>(buffer, buffer + data.length_in_bytes()),	
            response));	
  }	
  return Dart_Null();	
}

window.cc 源码

https://github.com/flutter/engine/blob/master/lib/ui/window/window.cc

5.5

我们进入 window.h 中找到 client 其实是 WindowClient

  WindowClient* client() const { return client_; }

window.h 源码

https://github.com/flutter/engine/blob/master/lib/ui/window/window.h

5.6

在 runtime_controller.h 中可以看到 RuntimeController 是 WindowClient 的实际实现，调用的是 RuntimeController 的 HandlePlatformMessage 方法

class RuntimeController final : public WindowClient {	
...	
  // |WindowClient|	
  void HandlePlatformMessage(fml::RefPtr<PlatformMessage> message) override;	
...	
}

runtime_controller.h 源码

https://github.com/flutter/engine/blob/78a8ca0f62b04fa49030ecdd2d91726c0639401f/runtime/runtime_controller.h

5.7

在 runtimecontroller.cc 中，HandlePlatformMessage 调用了 client 的 HandlePlatformMessage 方法，client_ 实际是代理对象 RuntimeDelegate

void RuntimeController::HandlePlatformMessage(	
    fml::RefPtr<PlatformMessage> message) {	
  client_.HandlePlatformMessage(std::move(message));	
}
RuntimeDelegate& p_client

runtime_controller.cc 源码

https://github.com/flutter/engine/blob/78a8ca0f62b04fa49030ecdd2d91726c0639401f/runtime/runtime_controller.cc

5.8

engine. 是 RuntimeDelegate 的具体实现类

class Engine final : public RuntimeDelegate {	
...	
  // |RuntimeDelegate|	
  void HandlePlatformMessage(fml::RefPtr<PlatformMessage> message) override;	
...	
}

engine.h 源码

https://github.com/flutter/engine/blob/78a8ca0f62b04fa49030ecdd2d91726c0639401f/shell/common/engine.h

5.9

engine.cc 中调用了 delegate_ 的 OnEngineHandlePlatformMessage 方法

void Engine::HandlePlatformMessage(fml::RefPtr<PlatformMessage> message) {	
  if (message->channel() == kAssetChannel) {	
    HandleAssetPlatformMessage(std::move(message));	
  } else {	
    delegate_.OnEngineHandlePlatformMessage(std::move(message));	
  }	
}

engine.cc 源码

https://github.com/flutter/engine/blob/78a8ca0f62b04fa49030ecdd2d91726c0639401f/shell/common/engine.cc

5.10  shell.h 是 Engine 的代理

  // |Engine::Delegate|	
  void OnEngineHandlePlatformMessage(	
      fml::RefPtr<PlatformMessage> message) override;

shell.h 源码

https://github.com/flutter/engine/blob/ed8e35c4cfe12f836133944c968e00ca52593d43/shell/common/shell.h

5.11

调用流程又进入了 shell.cc 的 HandleEngineSkiaMessage 方法，把消费放到 TaskRunner 中

// |Engine::Delegate|	
void Shell::OnEngineHandlePlatformMessage(	
    fml::RefPtr<PlatformMessage> message) {	
  FML_DCHECK(is_setup_);	
  FML_DCHECK(task_runners_.GetUITaskRunner()->RunsTasksOnCurrentThread());	
  if (message->channel() == kSkiaChannel) {	
    HandleEngineSkiaMessage(std::move(message));	
    return;	
  }	
  task_runners_.GetPlatformTaskRunner()->PostTask(	
      [view = platform_view_->GetWeakPtr(), message = std::move(message)]() {	
        if (view) {	
          view->HandlePlatformMessage(std::move(message));	
        }	
      });	
}

shell.cc 源码

https://github.com/flutter/engine/blob/ed8e35c4cfe12f836133944c968e00ca52593d43/shell/common/shell.cc

5.12

当 task 执行是会调用 platformviewandroid.h 的 HandlePlatformMessage 方法

class PlatformViewAndroid final : public PlatformView {	
...	
  // |PlatformView|	
  void HandlePlatformMessage(	
      fml::RefPtr<flutter::PlatformMessage> message) override;	
...	
}

platformviewandroid.h 源码

https://github.com/flutter/engine/blob/56052c70afcbdff2d39d2af279fcc52666122dbf/shell/platform/android/platform_view_android.h

5.13

在 platformviewandroid.cc 的 HandlePlatformMessage 中，开始通过 jni 调用 java 端的方法，java_channel 即要找的 channel

// |PlatformView|	
void PlatformViewAndroid::HandlePlatformMessage(	
    fml::RefPtr<flutter::PlatformMessage> message) {	
  JNIEnv* env = fml::jni::AttachCurrentThread();	
  fml::jni::ScopedJavaLocalRef<jobject> view = java_object_.get(env);	
  if (view.is_null())	
    return;	
  int response_id = 0;	
  if (auto response = message->response()) {	
    response_id = next_response_id_++;	
    pending_responses_[response_id] = response;	
  }	
  auto java_channel = fml::jni::StringToJavaString(env, message->channel());	
  if (message->hasData()) {	
    fml::jni::ScopedJavaLocalRef<jbyteArray> message_array(	
        env, env->NewByteArray(message->data().size()));	
    env->SetByteArrayRegion(	
        message_array.obj(), 0, message->data().size(),	
        reinterpret_cast<const jbyte*>(message->data().data()));	
    message = nullptr;	
    // This call can re-enter in InvokePlatformMessageXxxResponseCallback.	
    FlutterViewHandlePlatformMessage(env, view.obj(), java_channel.obj(),	
                                     message_array.obj(), response_id);	
  } else {	
    message = nullptr;	
    // This call can re-enter in InvokePlatformMessageXxxResponseCallback.	
    FlutterViewHandlePlatformMessage(env, view.obj(), java_channel.obj(),	
                                     nullptr, response_id);	
  }	
}

platformviewandroid.cc 源码https://github.com/flutter/engine/blob/56052c70afcbdff2d39d2af279fcc52666122dbf/shell/platform/android/platform_view_android.cc

5.14

在 platformviewandroidjni.cc 中可以看到 ghandleplatformmessage_method 就是 FindClass("io/flutter/embedding/engine/FlutterJNI") 类的 handlePlatformMessage 方法。至此 engine 代码执行结束

engine 代码执行结束。
static jmethodID g_handle_platform_message_method = nullptr;	
void FlutterViewHandlePlatformMessage(JNIEnv* env,	
                                      jobject obj,	
                                      jstring channel,	
                                      jobject message,	
                                      jint responseId) {	
  env->CallVoidMethod(obj, g_handle_platform_message_method, channel, message,	
                      responseId);	
  FML_CHECK(CheckException(env));	
}
  g_handle_platform_message_method =	
      env->GetMethodID(g_flutter_jni_class->obj(), "handlePlatformMessage",	
                       "(Ljava/lang/String;[BI)V");
  g_flutter_jni_class = new fml::jni::ScopedJavaGlobalRef<jclass>(	
      env, env->FindClass("io/flutter/embedding/engine/FlutterJNI"));	
  if (g_flutter_jni_class->is_null()) {	
    FML_LOG(ERROR) << "Failed to find FlutterJNI Class.";	
    return false;	
  }

platformviewandroid_jni.cc 源码

https://github.com/flutter/engine/blob/ed8e35c4cfe12f836133944c968e00ca52593d43/shell/platform/android/platform_view_android_jni.cc

5.15

在 FlutterJNI 中调用了 this.platformMessageHandler.handleMessageFromDart 方法。也就是 DartMessenger 的 handleMessageFromDart 方法

    private void handlePlatformMessage(@NonNull String channel, byte[] message, int replyId) {	
        if (this.platformMessageHandler != null) {	
            this.platformMessageHandler.handleMessageFromDart(channel, message, replyId);	
        }	
    }

5.16

DartMessenger 中 messageHandlers 通过 channel 名找到对应的 handler 进行处理，这个 handler 就是我们在 java 代码里通过 channel 设置的，整个调用流程完成

    public void handleMessageFromDart(@NonNull String channel, @Nullable byte[] message, int replyId) {	
        Log.v("DartMessenger", "Received message from Dart over channel '" + channel + "'");	
        BinaryMessageHandler handler = (BinaryMessageHandler)this.messageHandlers.get(channel);	
        if (handler != null) {	
            try {	
                Log.v("DartMessenger", "Deferring to registered handler to process message.");	
                ByteBuffer buffer = message == null ? null : ByteBuffer.wrap(message);	
                handler.onMessage(buffer, new DartMessenger.Reply(this.flutterJNI, replyId));	
            } catch (Exception var6) {	
                Log.e("DartMessenger", "Uncaught exception in binary message listener", var6);	
                this.flutterJNI.invokePlatformMessageEmptyResponseCallback(replyId);	
            }	
        } else {	
            Log.v("DartMessenger", "No registered handler for message. Responding to Dart with empty reply message.");	
            this.flutterJNI.invokePlatformMessageEmptyResponseCallback(replyId);	
        }	
    }

Demo 地址

https://github.com/roc-x/roc-samples/tree/master/flutter_platform_channel

参考资源

https://flutter.dev/docs/development/platform-integration/platform-channels

https://github.com/flutter/flutter/tree/master/examples/platform_channel

https://www.yuque.com/xytech/flutter/fu7h25

相关推荐

更多移动端知识，就在奇舞移动技术

640?wx_fmt=jpeg

界世的你当不

只做你的肩膀

无

640?wx_fmt=jpeg

640?wx_fmt=jpeg

 360官方技术公众号 

技术干货|一手资讯|精彩活动

空·

640?wx_fmt=gif

点击“阅读原文”查看Demo

右边给我一朵小花花

640?wx_fmt=gif

360技术
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
62、Flutter MissingPluginException(No implementation found for method xxx on channel xxx)
FDoubleman的博客
09-19 6040
背景 上手学习flutter时，刚想使用toast弹出提示，按照官方的介绍引入fluttertoast工具包。并封装了下面的方法 _ShowToast() { Fluttertoast.showToast( msg: "你是单身狗谈啥爱情!!!", textColor: Colors.green, toastLength: Toast.LENGTH_...
Android和Flutter方法互调示例
键盘的起始页
02-24 1034
先提供完整的代码 main.dart import 'package:flutter/material.dart'; import 'MainPage.dart'; void main(){ runApp( MyApp() ); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( d...
解决报错： No candidates found for method call XXXX （方法没有调用者）
热门推荐
愿我如星君如月 ... 夜夜流光相皎洁 ...
05-28 2万+
No candidates found for method call XXXX报错如题，指 xxx 这个方法 没有调用者。我是要直接返回一个 PageImpl 对象 ，但是忘记了写 new ，补上 new 关键字，如下就可以了。 return new Payload( new PageImpl(workWeightsList, pageable, result.getTotalElement...
flutter-platform-channel
04-02
flutter_platform_channel 一个新的Flutter项目。入门该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门：要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程...
flutter与原生之间的channel交互
01-20
flutter与ios/swift、android/kotlin之间的message_channel、method_channel、event_channel交互，包括flutter调起android、ios原生界面
flutter线上项目源码
09-28
总的来说，通过分析这个"flutter线上项目源码"，我们可以学习到Flutter的基础知识，包括Dart编程、Widget构建、路由管理、状态管理和网络请求，以及如何实现动态效果。这些都是成为一个Flutter开发者所必须掌握的...
Flutter-使用MethodChannel 实现与iOS交互
最新发布
06-13
然而，当涉及到与原生 iOS 系统的深度交互时，单纯使用 Flutter 的功能是不够的，这时候就需要借助 `MethodChannel`。`MethodChannel` 是 Flutter 和原生平台之间进行通信的一种方式，它允许我们在 Flutter 代码中...
Flutter使用JsBridge方式处理Webview与H5通信的方法
08-19
Flutter 使用 JsBridge 方式处理 Webview 与 H5 通信的方法 Flutter 是 Google 推出的跨平台技术方案，具有诸多优势，已经或正在被广大开发者应用在移动应用开发中。在移动开发中，加载 H5 页面需要使用 WebView ...
Flutter MissingPluginException(No implementation found for method check on channel xxx)
timtian008的博客
04-23 3599
上一篇文章https://blog.csdn.net/timtian008/article/details/105701265 运行后出现报错 Flutter MissingPluginException(No implementation found for method check on channel xxx) 出现这种问题本质是Plugin的方法没有找到，也可能是Plugin本身就没有注...
Flutter ServicesBinding.defaultBinaryMessenger was accessed before the binding was initialized.
yechaoa
12-18 5894
flutter sdk升级遇到的异常： E/flutter (17545): [ERROR:flutter/lib/ui/ui_dart_state.cc(157)] Unhandled Exception: ServicesBinding.defaultBinaryMessenger was accessed before the binding was initialized. E/flutt...
Flutter ServicesBinding.defaultBinaryMessenger was accessed before the binding was initialized
Gemini_Kanon的博客
08-12 768
今天心血来潮把flutterSDK升级到了1.17.5，启动项目后一直白屏，后来在终端看到了这个错误 解决办法：在main.dart的main函数中执行WidgetsFlutterBinding.ensureInitialized();方法，在runApp(MyApp());前执行，如果还有其他操作的话把它放在最前面执行就可以。 或者可以把SDK升级到1.20.0没有这个现象了~ ...
前端小技巧之arguments与call方法的连用——截取arguments的一部分
qq_41940837的博客
03-23 570
在js函数中我们可能会遇到传入参数不确定以及只需要用到参数中的几个的情况，这时我们不可能去遍历函数自带的arguments对象，这样太傻，下面就是一种方法。 函数的call方法： fn.call(window,1,2); 这里的的意思为将函数内部的this指针指向改为指向window。 函数中的arguments类数组对象 在函数内的arguments实际上是一个对象，属性名为从0开始依次排列下...
Flutter插件混编的各种奇葩问题以及Flutter与Native数据交互，MethodChannel(仅Android)
u011212112的专栏
06-18 6503
前言 Flutter目前还不稳定，git上目前还有**5000+**的问题没有解决，所以入坑需谨慎啊 背景 在做Android和flutter的混编，混编教程可参考上一篇 Flutter与Android的混编 我们项目在flutter的开发中 引入了 相机相册框架 Image_picker ,二维码扫描 barcode_scan ，还有阿里的 flutter_boost路由框架（这个框架有...
闲鱼对 Flutter-Native 混合工程解耦的探索
阿里云技术
07-04 464
闲鱼是第一个使用Flutter混合开发的大型应用，但闲鱼客户端开发最深入体会的痛点就是编译时长影响开发体验。在Flutter+Native这种开发模式下，Native编译速度慢，模块开发无法突破。
flutter开发中遇到的问题总结
Awna的博客
12-18 3850
文章目录flutter Error: Could not resolve the package ‘characters‘ in ‘package:characters/characters.dart‘.背景：解决过程：解决方法：两个Contain嵌套，都设置尺寸，内部的Contain为什么尺寸不起作用显示结果如下解决办法如上面的页面如何阻止事件冒泡充满屏幕遇到可用区域显示不下使用fitteedBox多设备适配（推荐）去掉安卓状态栏半透明解决ListView/GridView作为Column的子Widget
flutter platform channels
06-13
Flutter Platform Channels 是 Flutter 提供的一种机制，用于在 Flutter 应用程序和本地代码之间进行通信。Flutter 应用程序是跨平台的，但有时需要与底层平台进行交互，例如访问特定设备的硬件功能或执行一些本地操作，这时就可以使用 Platform Channels。 Platform Channels 提供了一种简单的方式，使 Flutter 应用程序能够与本地代码进行通信。Flutter 应用程序可以通过 MethodChannel 向本地代码发送命令，本地代码可以通过 BasicMessageChannel 发送消息给 Flutter 应用程序。这些通道都是异步的，可以在 Dart 代码和本地代码之间进行双向通信。 使用 Platform Channels，Flutter 应用程序可以与底层平台进行无缝集成，可以使用本地代码访问硬件功能，执行本地操作等。这使得 Flutter 应用程序更加灵活，可以满足更多的需求，同时也提高了应用程序的性能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值