IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Flutter_Boost 实战 - 1、环境配置 -> 正文阅读

[移动开发]Flutter_Boost 实战 - 1、环境配置

开发环境:
mac OS:11.4 Big Sur
JDK:11.0.14 下载地址 亲测1.8版本会报异常
Andriod Stdio:3.6.3 下载地址
Flutter:2.5.3 下载地址 注意不要下载最新版会有坑,见issues 1451

  1. 配置flutter+andriod开发环境:
    1.1 解压后配置环境变量。
    1.2 执行flutter doctor。检测环境配置。
    1.3 Andriod Stdio安装Flutter插件。
  2. 创建Andriod空项目,测试空项目启动。
  3. 在项目下,新增flutter module。
    3.1 找到 flutter_module/pubspec.yaml 目录,在dependencies下配置flutter_boost。
    dependencies:
      flutter:
    	sdk: flutter
      flutter_boost:
    	git:
      	  url: 'https://github.com/alibaba/flutter_boost.git'
          ref: 'v3.0-release.1'
      cupertino_icons: ^1.0.2
    
    3.2 在flutter_module目录下执行:flutter build apk 命令。会发生以下异常
    在这里插入图片描述
    这是由于新版本的flutter 改动了api的原因,导致attachToActivity里面的参数转换出错;
void attachToActivity(
      @NonNull ExclusiveAppComponent<Activity> exclusiveActivity, @NonNull Lifecycle lifecycle);

flutterboost官方给出的临时解决方案如下:

diff --git a/android/src/main/java/com/idlefish/flutterboost/containers/FlutterBoostActivity.java b/android/src/main/java/com/idlefish/flutterboost/containers/FlutterBoostActivity.java
index ab28533..1608eb5 100644
--- a/android/src/main/java/com/idlefish/flutterboost/containers/FlutterBoostActivity.java
+++ b/android/src/main/java/com/idlefish/flutterboost/containers/FlutterBoostActivity.java
@@ -152,7 +152,7 @@ public class FlutterBoostActivity extends FlutterActivity implements FlutterView
     private void performAttach() {
         if (!isAttached) {
             // Attach plugins to the activity.
-            getFlutterEngine().getActivityControlSurface().attachToActivity(getActivity(), getLifecycle());
+            getFlutterEngine().getActivityControlSurface().attachToActivity(delegate, getLifecycle());
 
             if (platformPlugin == null) {
                 platformPlugin = new PlatformPlugin(getActivity(), getFlutterEngine().getPlatformChannel());
diff --git a/android/src/main/java/com/idlefish/flutterboost/containers/FlutterBoostFragment.java b/android/src/main/java/com/idlefish/flutterboost/containers/FlutterBoostFragment.java
index b4ead66..5f954e6 100644
--- a/android/src/main/java/com/idlefish/flutterboost/containers/FlutterBoostFragment.java
+++ b/android/src/main/java/com/idlefish/flutterboost/containers/FlutterBoostFragment.java
@@ -43,6 +43,17 @@ public class FlutterBoostFragment extends FlutterFragment implements FlutterView
     private boolean isAttached = false;
     private boolean isFinishing = false;
 
+    class FakeExclusiveAppComponent implements io.flutter.embedding.android.ExclusiveAppComponent<Activity> {
+        public void detachFromFlutterEngine() {
+            // do nothing.
+        }
+
+        public Activity getAppComponent() {
+            return getActivity();
+        }
+    }
+    private FakeExclusiveAppComponent fakeAppComponent = new FakeExclusiveAppComponent();
+
     // @Override
     public void detachFromFlutterEngine() {
         /**
@@ -303,7 +314,7 @@ public class FlutterBoostFragment extends FlutterFragment implements FlutterView
     private void performAttach() {
         if (!isAttached) {
             // Attach plugins to the activity.
-            getFlutterEngine().getActivityControlSurface().attachToActivity(getActivity(), getLifecycle());
+            getFlutterEngine().getActivityControlSurface().attachToActivity(fakeAppComponent, getLifecycle());
 
             if (platformPlugin == null) {
                 platformPlugin = new PlatformPlugin(getActivity(), getFlutterEngine().getPlatformChannel());

简化下就是:

FlutterBoostActivity中:

//getFlutterEngine().getActivityControlSurface().attachToActivity(getActivity(), getLifecycle());
getFlutterEngine().getActivityControlSurface().attachToActivity(delegate, getLifecycle());

FlutterBoostFragment中:

//getFlutterEngine().getActivityControlSurface().attachToActivity(getActivity(), getLifecycle());
getFlutterEngine().getActivityControlSurface().attachToActivity(fakeAppComponent, getLifecycle());

class FakeExclusiveAppComponent implements io.flutter.embedding.android.ExclusiveAppComponent<Activity> {
        public void detachFromFlutterEngine() {}
 
        public Activity getAppComponent() {
                return getActivity();
        }
    }
private FakeExclusiveAppComponent fakeAppComponent = new FakeExclusiveAppComponent();

FlutterTextureHooker 中:

//flutterRenderer.startRenderingToSurface(surface);
flutterRenderer.startRenderingToSurface(surface,false);

再次执行,flutter build apk 出现:Built build/host/outputs/apk/release/app-release.apk (18.0MB). 编译成功。

  1. 回到AndriodStdio打开目录,将flutter_boost加入到app中。
    找到Dependencies
    在这里插入图片描述
    在这里插入图片描述
    配置SDK和NDK
    在这里插入图片描述
  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-03-06 13:12:56  更:2022-03-06 13:14:42 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 16:39:44-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码