Flutter應用啟動頁設置,解決 白/黑 屏情況

出現(xiàn)此情況的原因有兩種

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：空間域名、網頁空間、營銷軟件、網站建設、青浦網站維護、網站推廣。

解決:

找到 \app\src\main\res\drawable\launch_background.xml 文件，這個里面初始化了布局標簽,只需要把圖片替換為我們自己的就可以。

或者根據不同手機的分辨率 在mipmap下放置圖片例如：

之后前往 styles.xml 文件設置啟動頁

重新打包就可以看到 剛剛設置的啟動頁了

效果例如：

[圖片上傳失敗...(image-7e5c2-1586668143446)]

至此可以流暢的打開啟動頁了

2022-04-22iOS項目混編flutter，iOS真機debug模式下打不開flutter頁面

最近項目中要集成flutter來進行混編，但是在集成后，突然遇到一個很神奇的問題，在debug模式下，用數(shù)據線連接真機打包可以打開flutter頁面，但是一旦拔掉數(shù)據線，再打開flutter頁面就不行了，開始以為是因為flutterSDK的原因，但是一查資料才發(fā)現(xiàn)，原來是因為debug模式下flutter實現(xiàn)了熱重載，默認的編譯方式是JIV,但是iOS14+之后的系統(tǒng)限制了JIV這種編譯方式，所以連接Xcode重新run一個release包就可以了，因為flutter在release模式下的編譯方式是AOT，iOS14+的系統(tǒng)是支持這種編譯方式的，具體解決方案如下圖

再運行就可以了。

當然還有另外一種解決方案，就是修改flutter的編譯配置，強制設為release

(1)Flutter記錄之啟動頁

一年半前玩過flutter，忘光光...現(xiàn)在是時候重新拾取了。~

啟動頁一般只放圖片或者加幾行文字。

1、創(chuàng)建好flutter項目之后，在lib文件下面新建launch.dart或xx.dart.

2、在根目錄下新建images文件夾，如已有直接放入圖片

3、flutter_yijiake.iml中加入注入該圖片，并注意空格

4、在根目錄下的test/widget_test.dart中更改默認的啟動頁為當前的啟動頁路徑

5、最后重新設置啟動時的頁面

6、非常簡單的啟動頁面放logo圖片

值得一說的是，flutter框架的UI組件需要已new 組件的形式展開。

在Flutter開發(fā)iOS中，app啟動黑屏之后顯示啟動頁的解決辦法

一、由于安卓那邊升級了某些插件，我這邊pull之后，進行了Pub get。運行ios項目，發(fā)現(xiàn)app啟動之后，先閃現(xiàn)黑屏，然后再出現(xiàn)啟動頁，之后在進入主頁面。解決此問題的方法，是把啟動頁的圖片移除，把啟動頁的圖片修改一個新名字，再導入項目中，再重新運行項目，就正常了。

Flutter（六）Android與Flutter混合開發(fā)（Hybird）

如果我們目前的項目是Android的，但是接下來我們希望部分頁面可以使用Flutter進行開發(fā)，甚至我們希望在Native頁面中嵌入FlutterUI組件，那么我們該如何實現(xiàn)呢？

假設你現(xiàn)在Android項目的目錄的結構是這樣的

這時候如果你想創(chuàng)建一個Flutter模塊，使得Android模塊和Flutter模塊之間可以進行交互，我們可以通過Android Studio新建一個Flutter Module，具體過程是：File — New — New Module ，之后選擇Flutter Module，指定Project Location的路徑為

也就是說，最終你的項目結構會是這樣的

接下來在Android Module的 build.gradle 文件中添加flutter依賴

先創(chuàng)建一個Flutter頁面

這里比較重要的是 window.defaultRouteName 這個字段，這個字段可以接收從Native傳遞過來的參數(shù) （下文我們會介紹原生傳遞參數(shù)的方法），也就是說通過這個字段我們就可以進行Flutter頁面的路由的分發(fā)

我們可以直接在Android的 MainActivity 中啟動一個 FlutterActivity ，這里的 initialRoute 方法中傳遞的參數(shù)就對應Flutter層的 window.defaultRouteName

注意：需要在 AndroidManifest.xml 注冊 FlutterActivity

自己創(chuàng)建一個 FlutterAppActivity 繼承自 FlutterActivity

在 MainActivity 中啟動 FlutterAppActivity （另外別忘了在 AndroidManifest.xml 中注冊 FlutterAppActivity ）

兩種啟動方式的區(qū)別

如果單純只是想打開一個Flutter頁面，兩種方式實際上基本沒有太大區(qū)別，第一種方式也許還會更簡單一點。但是，在Flutter開發(fā)中，我們往往還需要開發(fā)一些Native插件供Flutter調用，如果使用復寫 FlutterActivity 的方式更有利于我們在 FlutterActivity 中注冊我們的Native插件，所以實際開發(fā)中一般推薦使用第二種方式

擴展思考

initialRoute 從名稱上看起來是Flutter提供給我們進行Native與Flutter交互的路由跳轉的，但是實際上他就是一個字符串，我們不僅僅可以傳遞一個路由名稱，有時候我們也可以通過這個參數(shù)傳遞一串JSON數(shù)據，然后在Flutter端進行解析，這樣我們就可以通過這個參數(shù)做更多的事情

activity_main.xml

FrameLayout 用于承載Flutter組件

MainActivity.java

使用 FragmentManager 將 FlutterFragment 添加到 FrameLayout 容器中

運行結果

上半部分是原生的TextView，下半部分是Flutter的Text組件

本節(jié)主要介紹了Native和Flutter之間的頁面跳轉，以及同一個頁面中Native與Flutter組件的組合。接下來會介紹如何編寫Android插件與Flutter進行數(shù)據交互

Flutter初始化

新建一個Flutter工程，android模塊。

1，只有一個Activity組件，它是Dart層繪制Widget的容器。

2，Application配置FlutterApplication。

應用Application配置io.flutter.app.FlutterApplication類，App首次啟動時，初始化。

調用FlutterMain.startInitialization()方法。

initConfig方法，從AndroidManfest.xml配置的applicaion節(jié)點獲取meta-data數(shù)據，初始化以下默認值。

這些值都是使用中用到的name，例如，抽取apk中asset資源時，flutter_assets打包目錄，打包產物data名稱。

initResources方法， 初始化資源。

在Flutter打包apk的asset目錄下，包括fluttter_asset目錄/資源項，將資源從apk中抽取，保存在 Context.getDir("flutter", 0) 目錄下。

/data/user/0/包名/app_flutter目錄。

在目錄中創(chuàng)建一個時間戳文件，根據apk版本和包信息記錄的lastUpdateTime更新時間，第二次啟動時，若apk未更新，不需要再次抽取。

加載so庫，libflutter.so，System.loadLibrary()。

主頁面繼承FlutterActivity，配置啟動模式singleTop。

FlutterActivity類在io.flutter.app包， (區(qū)別io.flutter.embedding.android包)， 組件生命周期委托給FlutterActivityDelegate類。

組件啟動，onCreate方法。

FlutterMain.ensureInitializationComplete方法，確保資源成功抽取完成，創(chuàng)建FlutterView視圖(io.flutter.view)，繼承SurfaceView類，setContentView方法，設置組件主布局即FlutterView視圖。

最后，根據Bundle路徑，runBundle()加載運行，

調用FlutterView的runFromBundle方法，入口點在dart的main方法，

通過FlutterNativeView，調用FlutterJNI的native方法。

nativeRunBundleAndSnapshotFromLibrary方法。

任重而道遠

分享標題：flutter啟動頁面,flutter自動登錄
路徑分享：http://www.rwnh.cn/article48/dscojhp.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站改版、網站收錄、外貿網站建設、面包屑導航、定制開發(fā)、App開發(fā)

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)