Android项目集成Flutter

Android项目集成Flutter,第1张

概述 在Android开发中某些组件或者页面需要使用Flutter开发,这篇文章主要介绍已有的Android项目集成Flutter开发环境。一、Flutter开发环境配置1、flutter插件配置AndroidStudio——>Preferences——>搜索flutter插件——>install——>重启项目2、下载flutter-sdkhttps://

 

在AndroID开发中某些组件或者页面需要使用Flutter开发,这篇文章主要介绍已有的AndroID项目集成Flutter开发环境。

一、Flutter开发环境配置

1、Flutter插件配置

AndroID Studio ——>Preferences——>搜索Flutter插件——>install——>重启项目

2、下载Flutter-sdk

https://flutterchina.club/

我使用的是Mac的系统,下载地址为:

https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_2.0.6-stable.zip

下载完成解压缩,放在合适的位置。

3、环境变量配置

open -e ~/.zshrc

文件中输入:

export FlutteR_ROOT=/Users/xxx/library/Flutter/Flutter
export PUB_HOSTED_URL=https://pub.Flutter-io.cn
export FlutteR_STORAGE_BASE_URL=https://storage.Flutter-io.cn
export PATH=$PATH:$FlutteR_ROOT/bin

FlutteR_ROOT:SDK路径,改成你自己设置的地址。

PUB_HOSTED_URL和FlutteR_STORAGE_BASE_URL根据:https://flutterchina.club/setup-macos/设置。

使环境变量生效:

source ~/.zshrc

4、Flutter项目介绍

Flutter项目分为以下几个,AndroID中集成Flutter需要新建Flutter Module。

Flutter Application: Flutter应用Flutter Module :Flutter与原生混合开发Flutter Plugin:Flutter插件Flutter Package:纯Dart组件二、AndroID项目中添加Flutter

1、添加module

打开或者新建AndroID工程,选择New Module:

Project name:项目名称。

Flutter SDK path:上一步所下载的SDK放置的路径。

Project location:Flutter_module所在的父级路径,这个路径需要和AndroID项目路径在同一等级,千万不能在AndroID项目内部的目录,否则会关联失败,没法编译。

之后会自动生成:

(1)AndroIDFlutterDemo/settings.gradle

setBinding(new Binding([gradle: this]))evaluate(new file(  settingsDir,  '../Flutter_module/.androID/include_Flutter.groovy'))

(2)AndroIDFlutterDemo/app/build.gradle

implementation project(path: ':Flutter')

如果没有则可以手动添加,注意:

include_Flutter.groovy的路径必须是Flutter_module里面的,否则会找不到。implementation project(path: ':Flutter')必须是固定的,不能更改为:implementation project(path: ':Flutter_module')

2、添加清单文件

将FlutterActivity注册到AndroID项目的清单文件中,这一步需要手动 *** 作。

<activity    androID:name="io.Flutter.embedding.androID.FlutterActivity"    androID:configChanges="orIEntation|keyboardHIDden|keyboard|screenSize|locale|layoutDirection|FontScale|screenLayout|density|uiMode"    androID:harDWareAccelerated="true"    androID:theme="@style/Apptheme"    androID:windowsoftinputMode="adjustResize" ></activity>

3、跳转测试

MainActivity中:

public class MainActivity extends AppCompatActivity {    @OverrIDe    protected voID onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentVIEw(R.layout.activity_main);        findVIEwByID(R.ID.btn).setonClickListener(vIEw -> {            Intent intent = FlutterActivity.createDefaultIntent(MainActivity.this);            startActivity(intent);        });    }}

这样就可以跳转到新的Flutter页面了。

 

 

总结

以上是内存溢出为你收集整理的Android项目集成Flutter全部内容,希望文章能够帮你解决Android项目集成Flutter所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1015499.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存