返回顶部
首页 > 资讯 > 精选 >Android怎么在原生App中嵌入Flutter
  • 493
分享到

Android怎么在原生App中嵌入Flutter

2023-06-14 05:06:28 493人浏览 安东尼
摘要

这篇文章主要讲解了“Android怎么在原生App中嵌入Flutter”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Android怎么在原生App中嵌入Flutter”吧!本文参考文档Add

这篇文章主要讲解了“Android怎么在原生App中嵌入Flutter”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Android怎么在原生App中嵌入Flutter”吧!

本文参考文档Add Flutter to existing apps。

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

第一步:新建Flutter module

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

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

Android怎么在原生App中嵌入Flutter

第二步:同步Flutter module依赖

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

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

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

Android怎么在原生App中嵌入Flutter

第三步:设置jdk版本

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

compileOptions { sourceCompatibility 1.8 targetCompatibility 1.8 }

Android怎么在原生App中嵌入Flutter

第四步:依赖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怎么在原生App中嵌入Flutter这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

--结束END--

本文标题: Android怎么在原生App中嵌入Flutter

本文链接: https://lsjlt.com/news/267896.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Android怎么在原生App中嵌入Flutter
    这篇文章主要讲解了“Android怎么在原生App中嵌入Flutter”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Android怎么在原生App中嵌入Flutter”吧!本文参考文档Add...
    99+
    2023-06-14
  • Android如何在原生App中嵌入Flutter
    目录第一步:新建Flutter module第二步:同步Flutter module依赖第三步:设置JDK版本第四步:依赖Flutter module本文参考文档Add Flutte...
    99+
    2024-04-02
  • 怎么在Flutter中嵌套Android布局
    小编给大家分享一下怎么在Flutter中嵌套Android布局,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!效果本文具体demo效果如下开发首先创建flutter项目,在项目中定义好flutter需要展示布局: ...
    99+
    2023-06-15
  • Android原生嵌入React Native详解
    1.首先集成的项目目录 我使用的是直接按照react-native init Project 的格式来导入的,也就是说,我的Android项目目...
    99+
    2022-06-06
    native React Android
  • 如何在Flutter中嵌套Android布局
    目录效果开发 总结 说明 效果 本文具体demo效果如下 开发 1.首先创建flutter项目,在项目中定义好flutter需要展示布局: @override Wid...
    99+
    2024-04-02
  • Flutter怎么使用Android原生播放器
    这篇文章主要介绍“Flutter怎么使用Android原生播放器”,在日常操作中,相信很多人在Flutter怎么使用Android原生播放器问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Flutter怎么使用...
    99+
    2023-07-05
  • 在Flutter中嵌入Native组件的解决方法是什么
    本篇内容介绍了“在Flutter中嵌入Native组件的解决方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1. 使用教程1.1. ...
    99+
    2023-06-04
  • 怎么在C++中嵌入python脚本
    这篇文章主要介绍“怎么在C++中嵌入python脚本”,在日常操作中,相信很多人在怎么在C++中嵌入python脚本问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么在C++中嵌入python脚本”的疑惑有所...
    99+
    2023-06-17
  • 怎么在HTML中嵌入JS代码
    在HTML中嵌入JavaScript代码可以通过以下几种方式:1. 内联方式:直接在HTML标签的`on*`属性中嵌入JavaScript代码。例如:   ```html   <button...
    99+
    2023-08-09
    HTML JS
  • CSS原生嵌套语法怎么使用
    本文小编为大家详细介绍“CSS原生嵌套语法怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS原生嵌套语法怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。基本概念所谓的嵌套,就是将一个 CSS 规...
    99+
    2023-07-05
  • uniapp原生app导出失败怎么办
    随着移动应用市场的日益发展壮大,越来越多的开发者和企业开始将目光投向了原生app开发。而其中,uniapp作为一款快速开发原生应用的工具,其流畅的开发体验和快速构建应用的特点备受开发者青睐。然而,在uniapp的原生app导出这一环节中,有...
    99+
    2023-05-14
  • 如何在Android App中接入微信支付
    目录微信支付App内支付扫码支付统一下单API获取code_url,并使用第三方二维码生成库 如ZXing 生成二维码。查询订单API本篇简单介绍Android App中接入微信支付...
    99+
    2024-04-02
  • 怎么在Bootstrap模式中嵌入YouTube视频
    本篇内容主要讲解“怎么在Bootstrap模式中嵌入YouTube视频”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么在Bootstrap模式中嵌入YouTu...
    99+
    2024-04-02
  • 怎么在HTML5中嵌入音频和视频
    这篇文章给大家介绍怎么在HTML5中嵌入音频和视频,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。HTML5支持的音频格式:视频视频格式:由上可知,HTML5貌似支持的格式有点少哈,所以当你发现用HTML5放置音频和视频...
    99+
    2023-06-09
  • javascript怎么嵌入html中
    这篇“javascript怎么嵌入html中”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“...
    99+
    2024-04-02
  • Java中怎么嵌入MySQL
    这篇文章给大家介绍Java中怎么嵌入MySQL,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。其实MySQL也有嵌入式的,不需要安装,在使用的过程中,会自动创建数据库以及通过代码的方式启动或者关闭。下面提供一些代码片段,...
    99+
    2023-06-17
  • Python中怎么嵌入C
    本篇文章为大家展示了Python中怎么嵌入C,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。在VC++ 6.0中新建一个名为“EmbPython”的空“Win32 Console Applicatio...
    99+
    2023-06-17
  • Silverlight中怎么嵌入HTML
    这期内容当中小编将会给大家带来有关Silverlight中怎么嵌入HTML,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。Object元素可以被用于Silverlight插件的HTML嵌入和配置,但是要在浏...
    99+
    2023-06-17
  • 怎么在Android中 library module 生成 class
    这篇文章将为大家详细讲解有关怎么在Android中 library module 生成 class,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。Library module 生成 class...
    99+
    2023-05-31
    android library module
  • 在springboot中注入FilterRegistrationBean不生效的原因
    springboot注入FilterRegistrationBean不生效 回顾 最近自定义了两个过滤器,接口请求返回加密和sql注入处理过滤器,因为在封装一些工具包,我在单独调好之...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作