Flutter与Native混合开发-FlutterBoost集成应用和开发实践(Android)

最新推荐文章于 2024-06-02 18:50:12 发布
最新推荐文章于 2024-06-02 18:50:12 发布
阅读量505 收藏 1
点赞数
分类专栏： Flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010879240/article/details/107845939
版权

前言补充：

之前我们iOS接入了Flutter_Boost并实践混合开发,这次我们来说下Flutter和Android的Flutter_Boost的混合开发，对flutter boost不了解的可以看上篇。

查看上篇：Flutter与Native混合开发-FlutterBoost集成应用和开发实践(iOS)。FVM和flutter_module也可以参考之前。

一、准备工作

1.Flutter SDK

跟之前一样还是先安装本地的fluttersdk，如果需要存在多个版本应对开发不同版本对应，可以安装fluttersdk管理工具fvm。具体查看上一篇的内容。

2.flutter boost

跟之前一样我们还是采用flutter_boost:v1.17.1-hotfixes 和flutter sdk：1.17.1对应的版本关系。

二、正式接入

1.flutter module工程

1.1直接创建主工程依赖的flutter module工程。

flutter create -t module flutter_module

支持AndroidX的flutter module

flutter create --androidx -t module flutter_module

1.2如果之前存在flutter module且要保证与主项目平级，且在之后android主项目中直接import flutter module。
在这里插入图片描述

重点：

不管是新建的module还是本来存在的module，都需要先确认module下pubspec.yaml中dev_dependencies内容，修改与自己本地环境对应的版本。

dev_dependencies:
  flutter_test:
    sdk: flutter
    
  flutter_boost:
    git:
        url: 'https://github.com/alibaba/flutter_boost.git'
        ref: 'v1.17.1-hotfixes'
注意：这里我用的flutter_boost的SDK最新版本：v1.17.1-hotfixes

1.3 更新下载flutter moudle中对应的依赖包（当然如果之前存在可以忽略）

flutter package get

三、Android原生工程

1.使用AndroidStudio创建Android原生项目或者使用AndroidStudio打开已存在的项目。

2.配置

2.1.settings.gradle
rootProject.name='FlutterHybridAndroid'
include ':app'
setBinding(new Binding([gradle: this]))
evaluate(new File(
  settingsDir,
  '../flutter_module/.android/include_flutter.groovy'
))


def flutterProjectRoot = rootProject.projectDir.parentFile.toPath()

def plugins = new Properties()
def pluginsFile = new File(flutterProjectRoot.toFile(), '.flutter-plugins')
if (pluginsFile.exists()) {
    pluginsFile.withReader('UTF-8') { reader -> plugins.load(reader) }
}

plugins.each { name, path ->
    def pluginDirectory = flutterProjectRoot.resolve(path).resolve('android').toFile()
    include ":$name"
    project(":$name").projectDir = pluginDirectory
}
3.配置app/build.gradle
def localProperties = new Properties()
def localPropertiesFile = rootProject.file('local.properties')
if (localPropertiesFile.exists()) {
    localPropertiesFile.withReader('UTF-8') { reader ->
        localProperties.load(reader)
    }
}

def flutterRoot = localProperties.getProperty('flutter.sdk')
if (flutterRoot == null) {
    throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
}

//def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
//if (flutterVersionCode == null) {
//    flutterVersionCode = '1'
//}
//
//def flutterVersionName = localProperties.getProperty('flutter.versionName')
//if (flutterVersionName == null) {
//    flutterVersionName = '1.0'
//}

apply plugin: 'com.android.application'
//apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"

android {
    compileSdkVersion 28


    defaultConfig {
        applicationId "com.example.flutterhybridandroid"
        minSdkVersion 21
        targetSdkVersion 28
        versionCode 1
        versionName "1.0"

        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }

    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }

}

//flutter {
//    source '../..'
//}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])

    implementation 'androidx.appcompat:appcompat:1.0.2'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test.ext:junit:1.1.1'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'

    implementation project(':flutter')
    implementation project(':flutter_boost')

//    debugImplementation project(':flutter')
//    debugImplementation project(':flutter_boost')
只在编译时有效，不会参与打包
//    compileOnly project(':flutter')
//    compileOnly project(':flutter_boost')

}
2.3 local.properties(需要查看local.properties中android sdk和 flutter sdk对应路径)
sdk.dir=/Users/xxx/Library/Android/sdk
flutter.sdk=/Users/xxx/.fvm/versions/1.17.1-stable
修改完 Android 工程的依赖之后，需要 gradle sync 一下。
项目目录结构如下：

在这里插入图片描述

在这里插入图片描述

补充：
场景1 AS中创建Flutter module

在这里插入图片描述

在这里插入图片描述

  • 创建后只是单纯的flutter module，如果要接入flutter_boost按照之前讲的配置进行配置即可。
  • 新建时路径可以自己安排，如果要和iOS和Android公用一个flutter module需要跟主项目平级最好，如果只是单独一个使用，可以直接创建到主项目中。
场景2 AS中导入已存在的Flutter module（如果已经有存在依赖flutter_boost的flutter_modlue则可以直接import Flutter modlue）

在这里插入图片描述

最后都gradle sync 一下即可。

三、代码接入实践

MyApplication:主要做注册flutter boost插件、注册路由、注册监听相关。
package com.example.flutterhybridandroid;

import android.app.Application;
import android.content.Context;
import android.os.Build;

import com.idlefish.flutterboost.FlutterBoost;
import com.idlefish.flutterboost.Platform;
import com.idlefish.flutterboost.Utils;
import com.idlefish.flutterboost.interfaces.INativeRouter;

import java.util.Map;

import io.flutter.embedding.android.FlutterView;
import io.flutter.plugin.common.MethodChannel;
import io.flutter.plugin.common.StandardMessageCodec;

public class MyApplication extends Application {

    @Override
    public void onCreate() {
        super.onCreate();

        INativeRouter router =new INativeRouter() {
            @Override
            public void openContainer(Context context, String url, Map<String, Object> urlParams, int requestCode, Map<String, Object> exts) {
                String  assembleUrl= Utils.assembleUrl(url,urlParams);
                PageRouter.openPageByUrl(context,assembleUrl, urlParams);

            }

        };


        FlutterBoost.BoostLifecycleListener boostLifecycleListener= new FlutterBoost.BoostLifecycleListener(){

            @Override
            public void beforeCreateEngine() {

            }

            @Override
            public void onEngineCreated() {

                // 注册MethodChannel，监听flutter侧的getPlatformVersion调用
                MethodChannel methodChannel = new MethodChannel(FlutterBoost.instance().engineProvider().getDartExecutor(), "flutter_native_channel");
                methodChannel.setMethodCallHandler((call, result) -> {

                    if (call.method.equals("getPlatformVersion")) {
                        result.success(Build.VERSION.RELEASE);
                    } else {
                        result.notImplemented();
                    }

                });

                // 注册PlatformView viewTypeId要和flutter中的viewType对应
                FlutterBoost
                        .instance()
                        .engineProvider()
                        .getPlatformViewsController()
                        .getRegistry()
                        .registerViewFactory("plugins.test/view", new TextPlatformViewFactory(StandardMessageCodec.INSTANCE));

            }

            @Override
            public void onPluginsRegistered() {

            }

            @Override
            public void onEngineDestroy() {

            }

        };

        //
        // AndroidManifest.xml 中必须要添加 flutterEmbedding 版本设置
        //
        //   <meta-data android:name="flutterEmbedding"
        //               android:value="2">
        //    </meta-data>
        // GeneratedPluginRegistrant 会自动生成 新的插件方式　
        //
        // 插件注册方式请使用
        // FlutterBoost.instance().engineProvider().getPlugins().add(new FlutterPlugin());
        // GeneratedPluginRegistrant.registerWith()，是在engine 创建后马上执行，放射形式调用
        //

        Platform platform= new FlutterBoost
                .ConfigBuilder(this,router)
                .isDebug(true)
                .whenEngineStart(FlutterBoost.ConfigBuilder.ANY_ACTIVITY_CREATED)
                .renderMode(FlutterView.RenderMode.texture)
                .lifecycleListener(boostLifecycleListener)
                .build();
        FlutterBoost.instance().init(platform);



    }

}
PageRouter： 路由类
package com.example.flutterhybridandroid;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.util.Log;

import com.idlefish.flutterboost.containers.BoostFlutterActivity;

import java.util.HashMap;
import java.util.Map;

public class PageRouter {

    public final static Map<String, String> pageName = new HashMap<String, String>() {{

        put("first", "first");
        put("second", "second");
        put("tab", "tab");
        put("sample://flutterPage", "flutterPage");
    }};

    public static final String NATIVE_PAGE_URL = "sample://nativePage";
    public static final String FLUTTER_PAGE_URL = "sample://flutterPage";
    public static final String FLUTTER_FRAGMENT_PAGE_URL = "sample://flutterFragmentPage";

    public static boolean openPageByUrl(Context context, String url, Map params) {
        return openPageByUrl(context, url, params, 0);
    }

    public static boolean openPageByUrl(Context context, String url, Map params, int requestCode) {

        String path = url.split("\\?")[0];

        Log.i("openPageByUrl",path);

        try {
            if (pageName.containsKey(path)) {

                Intent intent = BoostFlutterActivity.withNewEngine().url(pageName.get(path)).params(params)
                        .backgroundMode(BoostFlutterActivity.BackgroundMode.opaque).build(context);
                if(context instanceof Activity){
                    Activity activity=(Activity)context;
                    activity.startActivityForResult(intent,requestCode);
                }else{
                    context.startActivity(intent);
                }
                return true;
            } else if (url.startsWith(FLUTTER_FRAGMENT_PAGE_URL)) {
                context.startActivity(new Intent(context, FlutterFragmentPageActivity.class));
                return true;
            } else if (url.startsWith(NATIVE_PAGE_URL)) {
                context.startActivity(new Intent(context, NativePageActivity.class));
                return true;
            }

            return false;

        } catch (Throwable t) {
            return false;
        }
    }
}
跳转逻辑：三种跳转方式（原生Page、FlutterPage、Flutter Fragment Page）
 if (v == mOpenNative) {
//打开Native页面
            PageRouter.openPageByUrl(this, PageRouter.NATIVE_PAGE_URL , params);
        } else if (v == mOpenFlutter) {
//打开Flutter页面
            PageRouter.openPageByUrl(this, PageRouter.FLUTTER_PAGE_URL,params);
        } else if (v == mOpenFlutterFragment) {
//打开Flutter Fragment 页面
            PageRouter.openPageByUrl(this, PageRouter.FLUTTER_FRAGMENT_PAGE_URL,params);
        }
以上基本上是Android原生端的交互实践，具体详细实践还需要看flutter boost官方的example例子，里边很详细。
总体思路就是：先注册flutter相关、然后封装自己路由就可以、

Flutter module项目中代码，跟之前Flutter与Native混合开发-FlutterBoost集成应用和开发实践(iOS)中的flutter代码内容相同。

flutter项目代码目录（flutter代码跟flutter boost中的example中代码相同，可以看官方例子）：

在这里插入图片描述

到此已经可以实现原生和Flutter_Boost混合实践。

注意事项：
1.Could not resolve io.flutter:flutter_embedding_debug:1.0.0-6bc433c6b6b5b98dc类似问题
Could not resolve all files for configuration ':app:debugCompileClasspath'.
> Could not resolve io.flutter:flutter_embedding_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
  Required by:
      project :app
   > Could not resolve io.flutter:flutter_embedding_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/flutter_embedding_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/flutter_embedding_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.
   > Could not resolve io.flutter:flutter_embedding_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/flutter_embedding_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/flutter_embedding_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.
   > Could not resolve io.flutter:flutter_embedding_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/flutter_embedding_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/flutter_embedding_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.
> Could not resolve io.flutter:arm64_v8a_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
  Required by:
      project :app
   > Could not resolve io.flutter:arm64_v8a_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/arm64_v8a_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/arm64_v8a_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.
   > Could not resolve io.flutter:arm64_v8a_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/arm64_v8a_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/arm64_v8a_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.
   > Could not resolve io.flutter:arm64_v8a_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/arm64_v8a_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/arm64_v8a_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.
> Could not resolve io.flutter:x86_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
  Required by:
      project :app
   > Could not resolve io.flutter:x86_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/x86_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/x86_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.
   > Could not resolve io.flutter:x86_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/x86_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/x86_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.
   > Could not resolve io.flutter:x86_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/x86_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/x86_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.
> Could not resolve io.flutter:x86_64_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
  Required by:
      project :app
   > Could not resolve io.flutter:x86_64_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/x86_64_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/x86_64_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.
   > Could not resolve io.flutter:x86_64_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/x86_64_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/x86_64_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.
   > Could not resolve io.flutter:x86_64_debug:1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.
      > Could not parse POM http://download.flutter.io/io/flutter/x86_64_debug/1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94/x86_64_debug-1.0.0-e7f9ef6aa0b9040102d1b3c9a6ae934df746ef94.pom
         > Already seen doctype.

解决方法：

Android项目的build.gradle 

allprojects {
    repositories {
        ......
       //添加这一行
        maven { url "https://storage.googleapis.com/download.flutter.io" }
    }
}

参考地址：
https://github.com/flutter/flutter/issues/39729
https://blog.csdn.net/jwg1988/article/details/105492110

2.如果你只是单纯的做Flutter开发，使用flutter命令启动运行flutter_module，需要在flutter_module下.android中来添加之前在Android主工程添加的逻辑。否则的话启动起来就是个最原始的flutter页面。可以理解为单独的module开发，分离开发。

参考文章：
Android与Flutter混合开发之flutter_boost
Android原生项目引入新版Flutter Module
在现有应用中加入Flutter支持以及flutter_boost的引入
Flutter组件化混合开发-Android

在这里插入图片描述

倒霉熊PP007
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter与Native混合开发-FlutterBoost集成应用和开发实践(iOS)
u010879240的博客
07-22 1947
背景： 现在Flutter火热，各个公司都会尝试使用Flutter开发，一般采用的都会是混合形式的开发，混合开发目前Flutter官方提供的不太完善、iOS和Android有差异性、接口也不同意、很麻烦，也有一些大厂为了实现高效率高可用自己实现一套混合开发技术,比如闲鱼的flutter_boost和哈罗的flutter_thrio。两者之间优缺点及设计原理、架构等后续再来分析。接下我们先说下flutter_boost在iOS项目中的接入混合实践。 准备工作： 1.Flutter SDK 为了便于后续我们f.
flutter-boost的集成与基本使用（android与flutter的混合开发）
weixin_39316329的博客
08-06 1659
一、flutter-boost的集成： 截至今日，flutter-boost的最新版本应该是V3.0-preview.9，所以接下来将会在该版本的基础上简单介绍它的集成与使用。 flutter端所需要做的： （1）在flutter module下的pubspec.yaml中添加flutter-boost的依赖，如下图： dependencies: flutter: sdk: flutter # T...
flutter_boost：FlutterBoost是一个Flutter插件，可以以最少的工作量将Flutter混合集成到您现有的本机应用程序中
02-02
发行公告 请查看最新以查看更改 FlutterBoost 下一代Flutter-Native混合解决方案。 FlutterBoost是一个Flutter插件，可以轻松地将Flutter集成到您现有的本机应用程序中.FlutterBoost的理念是使用Flutter就像使用WebView一样容易。 在现有应用程序中，同时管理本机页面和Flutter页面并非易事。 FlutterBoost会为您解决页面分辨率问题。 您唯一需要关心的是页面名称（通常可以是URL）。 先决条件 您需要先将Flutter添加到项目中，然后才能继续。flutter SDK的版本需要与boost的版本匹配，否则会编译错误。 提升版本说明 Flutter Boost发行版本 支持Flutter SDK版本 描述 支持AndroidX？ 1.9.1 + 2 1.9.1修补程序 重命名版本号，默认情况下开始支持androidx 是 1.12.13 + 3 1.12.13-修补程序 支持androidx 是 1.17.1 1.17.1 支持androidx 是 Flutter Boost分支 支持Flutt
Flutter与Android 交互框架之flutter_boost使用(三)交互篇
qq_36854455的博客
02-09 3810
https://github.com/alibaba/flutter_boost 所有问题解决完毕后 最后可以进行框架的使用了 交互如下 详细可参考 github地址 基本路由API部分 Dart 部分 1.开启新页面统一API BoostNavigator.instance.push( "yourPage", //required withContainer: false, //optional arguments: {"key":"value"}, //optional
使用Flutter Boost引擎在Android开发中集成Flutter模块
最新发布
m0_46134456的博客
06-02 1371
Android快速引入开发flutter模块的实践
Android与Flutter混合开发之flutter_boost
zzz777qqq的博客
02-03 474
如果下载后请进行如下操作image.png如果还报错请重启image.png功能介绍：Android原生界面跳转Flutter界面，并传参Flutter界面跳转Android原生界面，并传参Android和Flutter在同一界面显示1.jpg2.jpg3.jpg4.jpg。
Android混编flutter接入flutter_boost
xyb_2012的博客
01-11 600
8.flutter main.dart代码，已适配 flutter boost：5.0.1。7.同步 gradle 目前flutter对应的gradle版本只能小于8.0。6.在app的Androidmanifest.xml中配置。11.其他flutter boost功能请参考官方开源文档。2.flutter模块配置flutter_boost框架。5.app.gradle中配置flutter。4.配置项目setting.gradle。3. 执行flutter脚本，更新组件。
Flutter与Android 交互框架之flutter_boost使用(一)集成篇
qq_36854455的博客
02-09 2598
https://github.com/alibaba/flutter_boost 第三方库 各平台安装 1. 目录结构 我们新建一个文件夹FlutterBoostExample，这个文件夹下面放置另外三个文件夹。 另外三个分别是您的Android工程，iOS工程，以及需要接入的flutter module， 这个地方注意，flutter一定是module，而不是工程项目，判断是不是module的方法就是看其是否有android和ios文件夹， 如果没有，那就是module，才是正确的 在这里我们命名
Flutter与Android Native原生进行混合开发，相互跳转，进行通信_示例Demo
11-18
Flutter与Android Native原生进行混合开发(flutter module)，Flutter和Android Native相互跳转，Flutter和Android Native进行通信的示例Demo 有Flutter官方API和引入FlutterBoost两种方式，具体可以看我的博客 第一...
【Flutter】Flutter 混合开发 ( 关联 Android 工程与 Flutter 工程 ).zip
08-27
【Flutter】Flutter 混合开发 ( 关联 Android 工程与 Flutter 工程 | Activity 中嵌入 Flutter 页面 | 启动新的 Flutter 页面 ) https://hanshuliang.blog.csdn.net/article/details/119956323 博客源码快照
Flutter混合开发组件化与工程化架构
02-24
对于构建Flutter类型应用，因其开发语言Dart、虚拟机、构建工具与平时我们开发Native应用不同且平台虚拟机也不支持，所以需要FlutterSDK来支持，如构建Android应用需要AndroidSDK一样，下载FlutterSDK通常有两种方式...
使用Flutter构建的Android Launcher-Android开发
05-26
使用Flutter Ubuntu Launcher构建的Android启动器这是一个自定义的轻量级Android启动器。 以下是一些屏幕截图：主屏幕：选项：从左向右滑动以显示选项：单击“拨号”选项将您带到系统拨号盘：单击“ Ubuntu”图标...
移动开发之跨平台技术Flutter和React Native技术选编
01-18
移动跨平台开发已经成为现代应用程序开发的关键趋势，Flutter和React Native作为两大主流框架，为开发者提供了在iOS和Android之间构建高质量应用的解决方案。本篇将详细探讨这两个框架的主要特点、实战应用以及最新...
FlutterBoost在Android中的使用
qq_39154578的博客
09-30 2590
FlutterBoost在Android中的使用FlutterBoost简介环境要求集成步骤1、新建Android工程2、创建Flutter模块3、集成FlutterBoost4、引用Flutter代码总结 Flutter目前发展越来越火热，在个人理解，Flutter开发现阶段更多情况是用来节约成本，所以想要纯靠Flutter糊口会比较难。但对于公司来说，跨平台+高性能非常符合公司利益，所以掌握F...
flutter_boost Android集成与使用
王亟亟的博客
04-29 8902
转载请注明出处 王亟亟的大牛之路 之前用fluro替代Flutter自带的Navigation实现一些路由操作，但是Native页面和Flutter页面的一些交互并没有完成，昨天花了些时间集成了安卓模块的flutter_boost，这边把碰到的问题和一些经历整合一下分享给大家，方便大家快速集成。 项目相关 项目地址：https://github.com/alibaba/flutter_boost...
Flutter入门系列-FlutterBoost 3.0混合开发
好好学习，天天向上
12-23 1268
1. 首先确定下环境，如果环境不对，很可能出现问题，FlutterBoost 3.0用的Flutter SDK大于2.0 zfz:flutter_module zhangfengzhou$ flutter doctor -v [✓] Flutter (Channel unknown, 2.0.5, on macOS 12.0.1 21A559 darwin-x64, locale zh-Hans-CN) • Flutter version 2.0.5 at /Users/zhangfengzho
android混合开发一简书,Flutter 和 Android 混合开发（flutterBoost）
weixin_42509815的博客
06-08 726
flutter源码依赖简单demo(名字为onlyone)：flutter混合开发中，会有flutter module和flutter plugin1.分别创建Flutter module和Flutter plugin2.Flutter module的pubspec.yaml中引入flutter plugin依赖only_one_flutter_plugin:path: /Users/xufang...
Flutter学习（八）Flutter_Boost接入
motosheep的博客
02-06 1944
FlutterBoost配置
Flutter boost框架学习笔记
jojoliya的专栏
08-09 591
1.知识点总结 1. Flutter简介以及Flutter Boost产生的原因 Flutter是一个由C++实现的Flutter Engine和由Dart实现的Framework组成的跨平台的技术框架。 其中，Flutter Engine负责线程管理、Dart VM状态管理以及Dart代码加载等工作。Dart代码所实现的Framework则负责上层业务开发，如Flutter提供的组建等概念就是Framework的范畴。 Flutter开发会遇到的问题，在Flutter页面和原生页面共存的情况下，如何管理路
Flutter与React Native跨平台移动开发深度解析
"该资源是一本集合了多篇关于Flutter和React Native的实战技术文章的合集，涵盖了从界面设计、网络...通过学习书中的案例和技巧，开发者可以更好地理解和运用Flutter和React Native，以构建高质量的跨平台移动应用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值