摘要:結(jié)束之后在目錄下會生成第三步設(shè)置版本在的文件中加入第四步依賴在中加入注意最后一個參數(shù)最好寫全路徑在中到此準(zhǔn)備過程結(jié)束,寫代碼測試一下,我使用的是方式。
本文參考文檔Add Flutter to existing apps。
首先有一個可以運行的原生項目
第一步:新建Flutter module
Terminal進(jìn)入到項目根目錄,執(zhí)行flutter create -t module ‘module名字’例如:flutter create -t module flutter-native
執(zhí)行完畢,就會發(fā)現(xiàn)項目目錄下生成了一個module
第二步:同步Flutter module依賴
進(jìn)入到新生成的Flutter module目錄下的.android目錄下,命令是cd .android/,然后執(zhí)行gradlew flutter:assembleDebug,mac下./gradlew flutter:assembleDebug
這過程根據(jù)網(wǎng)絡(luò)情況,可能有點長。
結(jié)束之后在.android/Flutter/build/outputs/aar/目錄下會生成flutter-debug.aar
第三步:設(shè)置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"
))
注意:最后一個參數(shù)最好寫全路徑!
在app/build.gradle中
dependencies {
……
implementation project(":flutter")
}
到此準(zhǔn)備過程結(jié)束,寫代碼測試一下,我使用的是Fragment方式。當(dāng)然也有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 ↓
<");"1.0" encoding="utf-8"");"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">
"@+id/content"
android:layout_width="match_parent"
android:layout_height="match_parent">
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/6864.html
摘要:本文將以一個簡單的為例,介紹下相關(guān)原理及定制與優(yōu)化。模式對應(yīng)了的模式,又稱檢查模式或者慢速模式。為快速啟動,快速執(zhí)行,包大小做了優(yōu)化。并不支持模擬器的原因在于,模擬器上的診斷并不代表真實的性能。因此本文主要討論因引入的構(gòu)建,運行等原理。 摘要: 閑魚技術(shù)-正物 問題背景 對于開發(fā)者而言,什么是Flutter?它是用什么語言編寫的,包含哪幾部分,是如何被編譯,運行到設(shè)備上的呢?Flutt...
摘要:掌握可能是前端開發(fā)者翻盤的唯一機(jī)會。是開發(fā)必須的代碼庫。區(qū)別與應(yīng)用,我們導(dǎo)入的是庫而非,這是因為目前的接口并非和的完全通用,不過隨著谷歌開發(fā)的繼續(xù),它們最終會被合并到一塊。 Flutter是一種新型的客戶端技術(shù)。它的最終目標(biāo)是替代包含幾乎所有平臺的開發(fā):iOS,Android,Web,桌面;做到了一次編寫,多處運行。掌握Flutter web可能是Web前端開發(fā)者翻盤的唯一機(jī)會。 show...
摘要:接下來,我將從原理優(yōu)缺點等方面為大家分享跨平臺技術(shù)演進(jìn)。小程序年是微信小程序飛速發(fā)展的一年,年,各大廠商快速跟進(jìn),已經(jīng)有了很大的影響力。下面,我們以微信小程序為例,分析小程序的技術(shù)架構(gòu)。 前言 大家好,我是simbawu ,@BooheeFE Team Leader,關(guān)于這篇文章,有問題歡迎來這里討論。 隨著移動互聯(lián)網(wǎng)的普及和快速發(fā)展,手機(jī)成了互聯(lián)網(wǎng)行業(yè)最大的流量分發(fā)入口。以及隨著5G...
摘要:接下來,我將從原理優(yōu)缺點等方面為大家分享跨平臺技術(shù)演進(jìn)。小程序年是微信小程序飛速發(fā)展的一年,年,各大廠商快速跟進(jìn),已經(jīng)有了很大的影響力。下面,我們以微信小程序為例,分析小程序的技術(shù)架構(gòu)。 前言 大家好,我是simbawu ,@BooheeFE Team Leader,關(guān)于這篇文章,有問題歡迎來這里討論。 隨著移動互聯(lián)網(wǎng)的普及和快速發(fā)展,手機(jī)成了互聯(lián)網(wǎng)行業(yè)最大的流量分發(fā)入口。以及隨著5G...
閱讀 2701·2023-04-25 15:07
閱讀 774·2021-11-24 10:21
閱讀 2393·2021-09-22 10:02
閱讀 3577·2019-08-30 15:43
閱讀 3304·2019-08-30 13:03
閱讀 2371·2019-08-29 17:18
閱讀 3648·2019-08-29 17:07
閱讀 1979·2019-08-29 12:27