Android如何在原生App中嵌入Flutter

 更新时间:2021年03月13日 12:02:06   作者:我是绿色大米啊  
这篇文章主要介绍了Android如何在原生App中嵌入Flutter,帮助大家更好的理解和学习Android开发,感兴趣的朋友可以了解下

本文参考文档Add Flutter to existing apps

首先有一个可以运行的原生项目

第一步:新建Flutter module

Terminal进入到项目根目录,执行flutter create -t module ‘module名字'例如:flutter create -t module flutter-native

执行完毕,就会发现项目目录下生成了一个module

第二步:同步Flutter module依赖

进入到新生成的Flutter module目录下的.android目录下,命令是cd .android/,然后执行gradlew flutter:assembleDebug,mac下./gradlew flutter:assembleDebug

这过程根据网络情况,可能有点长。

结束之后在.android/Flutter/build/outputs/aar/目录下会生成flutter-debug.aar

第三步:设置JDK版本

在app的build.gradle文件中加入:

compileOptions { sourceCompatibility 1.8 targetCompatibility 1.8 }

第四步:依赖Flutter module

settings.gradle中加入

include ':app'
setBinding(new Binding([gradle: this]))
evaluate(new File(
  settingsDir.parentFile,
  'FlutterNativeApplication/flutter_native/.android/include_flutter.groovy'
))

注意:最后一个参数最好写全路径!

在app/build.gradle中

dependencies {
 ……
 implementation project(':flutter')
}

到此准备过程结束,写代码测试一下,我使用的是Fragment方式。当然也有View的方式。

MainActivity.kt ↓

class MainActivity : AppCompatActivity() {

 override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  supportRequestWindowFeature(Window.FEATURE_NO_TITLE)
  setContentView(R.layout.activity_main)
  val tx = supportFragmentManager.beginTransaction()
  tx.replace(R.id.content, Flutter.createFragment("route"))
  tx.commit()
 }
}

activity_main.xml ↓

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".MainActivity">

 <FrameLayout
  android:id="@+id/content"
  android:layout_width="match_parent"
  android:layout_height="match_parent"></FrameLayout>

</android.support.constraint.ConstraintLayout>

以上就是Android如何在原生App中嵌入Flutter的详细内容,更多关于Android 原生App中嵌入Flutter的资料请关注脚本之家其它相关文章!

相关文章

  • Android使用vitamio插件实现视频播放器

    Android使用vitamio插件实现视频播放器

    这篇文章主要为大家详细介绍了Android使用vitamio实现视频播放器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-04-04
  • android studio实现计算器

    android studio实现计算器

    这篇文章主要为大家详细介绍了android studio实现计算器的具体方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • Android NDK开发详细介绍

    Android NDK开发详细介绍

    本文主要介绍Android NDK开发,这里详细整理了相关资料并介绍 NDK的知识和开发流程及简单示例代码,帮助大家学习,有需要的小伙伴可以参考下
    2016-09-09
  • Android API编程之Assets文件操作示例

    Android API编程之Assets文件操作示例

    这篇文章主要介绍了Android API编程之Assets文件操作,结合实例形式分析了Android针对Assets文件夹下的文件操作相关技巧,需要的朋友可以参考下
    2017-08-08
  • android 右滑返回的示例代码

    android 右滑返回的示例代码

    本篇文章主要介绍了android 右滑返回的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • Android利用Sensor(传感器)实现指南针小功能

    Android利用Sensor(传感器)实现指南针小功能

    这篇文章主要为大家详细介绍了Android利用Sensor(传感器)实现指南针小功能的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Android studio实现刮刮乐的方法

    Android studio实现刮刮乐的方法

    这篇文章主要为大家详细介绍了Android studio实现刮刮乐的两种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • 详解kotlin中::双冒号的使用

    详解kotlin中::双冒号的使用

    在 Kotlin 中 , :: 双冒号操作符 的作用是获取类,对象,函数,属性的 类型对象引用,这篇文章主要介绍了详解kotlin中::双冒号的使用,需要的朋友可以参考下
    2023-04-04
  • Android 使用jQuery实现item点击显示或隐藏的特效的示例

    Android 使用jQuery实现item点击显示或隐藏的特效的示例

    本篇文章主要介绍了Android 使用jQuery实现item点击显示或隐藏的特效的示例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-03-03
  • Flutter开发之支持放大镜的输入框功能实现

    Flutter开发之支持放大镜的输入框功能实现

    在Flutter开发时,有时为了优化用户输入体验,往往会需要输入框支持在移动光标过程中可以出现放大镜功能。本文将为大家介绍实现的方法,需要的可以参考一下
    2022-02-02

最新评论