flutter混合开发采坑之路

记录flutter混合开发流程

开始前的准备,我的开发环境,系统:window10,开发工具:androidstudio 2022。flutter版本如下:
flutter混合开发采坑之路_第1张图片

1,如果你已经有项目了,可以在原项目中创建flutter module。

flutter混合开发采坑之路_第2张图片flutter混合开发采坑之路_第3张图片
flutter混合开发采坑之路_第4张图片flutter混合开发采坑之路_第5张图片
2,项目创建完成如下:

也可以通过flutter命令创建项目:

flutter create 项目名字
flutter create --org com.example 项目名字
flutter create -t module --org com.example 组件名字

flutter混合开发采坑之路_第6张图片
在setting.gradle中配置如下代码:注意这里的flutter_module是你创建的module组件的名字

setBinding(new Binding([gradle: this]))
evaluate(new File(
        settingsDir,
        'flutter_module/.android/include_flutter.groovy'
))

flutter混合开发采坑之路_第7张图片
在app中引入flutter模块:

  implementation project(path: ':flutter')

flutter混合开发采坑之路_第8张图片
发现在引入这三个库的时候

  path_provider: ^2.0.14
  path: ^1.8.2
  cached_network_image: ^3.2.3

出现下面的错误

Could not create task ':path_provider_android:generateDebugUnitTestConfig'.
this and base files have different roots: D:\android\workspace\idjApp\LoveReadDebug\idujing_flutter\.android\plugins_build_output\path_provider_android and C:\Users\DELL\AppData\Local\Pub\Cache\hosted\pub.dev\path_provider_android-2.0.24\android.

flutter混合开发采坑之路_第9张图片原因及解决:

flutter系统包缓存文件夹位置冲突。我使用的电脑是Windows,因此默认系统包缓存路径是:C:\Users\DELL\AppData\Local\Pub\Cache\hosted\pub.dev\path_provider_android-2.0.24\android.

而项目必须和flutter系统包缓存路径在同一个盘里面,否则会报上面的错误。所以把项目移动C盘下任意目录就可以了。

3,启动优化

在项目中引用flutter模块打开页面的时候,第一次加载会很慢,处理办法是提前预加载。

在Application中加入以下代码:这里engine_id就是预加载的模块id

        mFlutterEngine = new FlutterEngine(this);
        mFlutterEngine.getDartExecutor().executeDartEntrypoint(DartExecutor.DartEntrypoint.createDefault());
        FlutterEngineCache.getInstance().put("engine_id", mFlutterEngine);

不要忘记在onTerminate中进行销毁

    @Override
    public void onTerminate() {
        mFlutterEngine.destroy();
        super.onTerminate();
    }

在android中打开flutter模块代码如下:

getContext().startActivity(FlutterActivity.withCachedEngine("engine_id").build(getContext()));

你可能感兴趣的:(Flutter系列,flutter,android,android,studio)