美文网首页Flutter
Flutter开发 Flutter与原生交互

Flutter开发 Flutter与原生交互

作者: 歐陽公子 | 来源:发表于2021-03-04 14:32 被阅读0次

    前言

    当大家在开发Flutter的时候会遇到很多需要平台特性代码进行支持的时候,需要使用和原生交互。这里推荐大家使用Flutter_Plugin。



    实现

    使用AS进行创建的时候有三种选择:

    Flutter Application: Flutter应用

    Flutter Plugin:Flutter插件

    Flutter Package:纯Dart组件

    Plugin其实就是一个特殊的Package。Flutter Plugin提供Android或者iOS的底层封装,在Flutter层提供组件功能,使Flutter可以较方便的调取Native的模块。很多平台相关性或者对于Flutter实现起来比较复杂的部分,都可以封装成Plugin。

    Flutter 撰写双端平台代码(插件编写实现)官方链接https://flutter.cn/docs/development/platform-integration/platform-channels?tab=android-channel-java-tab

    消息使用平台通道在客户端(UI)和宿主(平台)之间传递,如下图所示:


    实现步骤

    1、在终端中运行:flutter create batterylevel

    默认情况下,我们的模板使用 Kotlin 编写 Android 或使用 Swift 编写 iOS 代码。要使用 Java 或 Objective-C,请使用 -i 和/或 -a 标志:

    在终端中运行:flutter create -i objc -a java batterylevel

    此处尽量使用flutter create -i objc -a java batterylevel,目前大部分安卓和iOS代码都是使用java和Objective-C,看需求进行使用

    2、创建 Flutter 平台客户端

    首先,需要构建通道。在返回单一平台方法中使用 MethodChannel。

    MethodChannel简单的说就是Flutter提供与客户端通信的渠道,使用时互相约定一个渠道name与对应的调用客户端指定方法的method

    通道的客户端和宿主端通过传递给通道构造函数的通道名称进行连接。一个应用中所使用的所有通道名称必须是唯一的;使用唯一的 域前缀 为通道名称添加前缀,比如:samples.flutter.dev/battery

    import 'dart:async';

    import 'package:flutter/material.dart';

    import 'package:flutter/services.dart';

    ...

    class _MyHomePageState extends State<MyHomePage> {

      static const platform = const MethodChannel('samples.flutter.dev/battery');

      // Get battery level.

    }

    接下来,在方法通道上调用方法(指定通过 String 标识符 getBatteryLevel 调用的具体方法)。调用可能会失败—比如,如果平台不支持此平台 API(比如在模拟器中运行),所以将 invokeMethod 调用包裹在 try-catch 语句中。

    // Get battery level.

      String _batteryLevel = 'Unknown battery level.';

      Future<void> _getBatteryLevel() async {

        String batteryLevel;

        try {

          final int result = await platform.invokeMethod('getBatteryLevel');

          batteryLevel = 'Battery level at $result % .';

        } on PlatformException catch (e) {

          batteryLevel = "Failed to get battery level: '${e.message}'.";

        }

        setState(() {

          _batteryLevel = batteryLevel;

        });

      }

    3、添加 Android 平台的实现【此处需要添加安卓端特性代码】

    打开android/app/src/main/java/MainActivity.java【注意:如默认直接使用Flutter create创建的项目,默认为Kotlin,不会创建此文件】

    在此处MainActivity.java文件中添加平台特性代码

    添加依赖头

    import android.content.ContextWrapper;

    import android.content.Intent;

    import android.content.IntentFilter;

    import android.os.BatteryManager;

    import android.os.Build.VERSION;

    import android.os.Build.VERSION_CODES;

    import android.os.Bundle;

    public class MainActivity extends FlutterActivity {

      private static final String CHANNEL = "samples.flutter.dev/battery";

      @Override

      public void configureFlutterEngine(@NonNull FlutterEngine flutterEngine) {

      super.configureFlutterEngine(flutterEngine);

        new MethodChannel(flutterEngine.getDartExecutor().getBinaryMessenger(), CHANNEL)

            .setMethodCallHandler(

            (call, result) -> {

                // Note: this method is invoked on the main thread.

                if (call.method.equals("getBatteryLevel")) {

                  int batteryLevel = getBatteryLevel();

                  if (batteryLevel != -1) {

                    result.success(batteryLevel);

                  } else {

                    result.error("UNAVAILABLE", "Battery level not available.", null);

                  }

                } else {

                  result.notImplemented();

                }

              }

            );

      }

    }

    private int getBatteryLevel() {

        int batteryLevel = -1;

        if (VERSION.SDK_INT >= VERSION_CODES.LOLLIPOP) {

          BatteryManager batteryManager = (BatteryManager) getSystemService(BATTERY_SERVICE);

          batteryLevel = batteryManager.getIntProperty(BatteryManager.BATTERY_PROPERTY_CAPACITY);

        } else {

          Intent intent = new ContextWrapper(getApplicationContext()).

              registerReceiver(null, new IntentFilter(Intent.ACTION_BATTERY_CHANGED));

          batteryLevel = (intent.getIntExtra(BatteryManager.EXTRA_LEVEL, -1) * 100) /

              intent.getIntExtra(BatteryManager.EXTRA_SCALE, -1);

        }

        return batteryLevel;

      }

    进行运行,此处为安卓平台特性代码

    相关文章

      网友评论

        本文标题:Flutter开发 Flutter与原生交互

        本文链接:https://www.haomeiwen.com/subject/ifgqqltx.html