簡體   English   中英

Flutter 啟動器圖標沒有改變?

[英]Flutter Launcher icon not getting changed?

我是 Flutter 的新手。我閱讀了 flutter 文檔並按照步驟為我的 flutter 項目配置自定義啟動器圖標,但應用程序啟動器圖標沒有更改? 不確定缺少什么。

在此處輸入圖像描述

代碼:

dev_dependencies:
  flutter_test:
    sdk: flutter  
  flutter_launcher_icons: "^0.7.0"

flutter_icons:
  image_path: "icon/icon.png"
  android: true 
  ios: true

您必須獲取包,然后運行以下命令來更改圖標。

 $ flutter pub pub run flutter_launcher_icons:main
  1. flutter_launcher_icons: ^0.7.3代碼插件添加到 pubspec.yaml

  2. pubspec.yaml 中:

     flutter_icons: image_path_android: "images/logoapp.png" image_path_ios: "images/logoapp.png" android: true ios: true
  3. 運行命令: flutter pub get

  4. 運行命令: flutter pub pub 運行 flutter_launcher_icons:main

  5. 運行命令: flutter clean

  6. 運行命令:顫動運行

它對我有用

遵循以下步驟后可以立即更改。

  1. 如問題所述,將 flutter_launcher_icons 代碼插件添加到 pubspec.yaml
  2. 在命令提示符下運行以下命令
    • 撲撲酒吧得到
    • flutter pub pub 運行 flutter_launcher_icons:main
  3. 它起作用了
  4. 我使用外部網站https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html生成的啟動器圖標

有兩種方法可以更新應用程序圖標

1)第一種方式

dev_dependencies:
  flutter_test:
    sdk: flutter  

  flutter_launcher_icons: "^0.7.5"

flutter_icons:
  image_path: "icon/appicon.png"
  android: true 
  ios: true

運行這兩個命令

flutter pub get

flutter pub run flutter_launcher_icons:main

2)如果以上不起作用,那么下面的解決方案(原生變化)

您可以從 Image Asset 更改 appicon,右鍵單擊項目結構的主文件夾並轉到 new -> Image Asset ,現在只需選擇您的圖標並完成它,Android Studio 將為您生成所有必要的圖標。

這里看圖像資產

同樣,您可以更改 ios 的 appicon,去

ios -> Runner -> Assets.xcassets -> Appicon.appiconset

然后用你的新圖標替換圖標

就是這樣!

我沒有使用flutter_launcher_icons ,我在 Android 項目中只使用了 Image Asset Studio。 似乎在某些情況下它不會更新我在 Android 上的自適應圖標。

為了修復它,我打開了 Android 模塊(在 Flutter 視圖中右鍵單擊android/文件夾,然后選擇 Flutter | Open Android Module in Android Studio)。 從那里,打開res/文件夾並刪除所有看起來像foreground.xml AFAICT 這是由 Image Asset Studio 生成的,作為自適應圖標的一部分。

然后通過 Image Asset Studio 重新創建自適應圖標。

此時我的 Flutter 緩存已損壞,所以我不得不運行flutter pub cache repair (我提到這一點是因為可能以某種方式修復了它,但我對此表示懷疑)。 運行應用程序,然后瞧,圖標更新了。

對我來說,文件夾drawable-v24是一個問題。 從那里刪除foreground.xml后,它起作用了。

首先在pubspec.yaml中添加flutter_launcher_icons: ^0.8.1 code Plugin

在 pubspec.yaml 文件中:

  1. flutter_icons: image_path_android:"images/logoapp.png" image_path_ios:"images/logoapp.png" android:true ios:true

  2. 檢查 iOS -Folder -> Runner -> Assets.xcassets -> AppIcon.appiconset:如果存在重復項,則刪除它們。

運行命令:flutter pub get 運行命令:flutter pub pub run flutter_launcher_icons:main 運行命令:flutter clean 運行命令:flutter run

這對我有用。

對於在嘗試運行flutter pub pub run flutter_launcher_icons:main時遇到任何錯誤的任何人,您可能沒有將 Flutter 添加到 PATH。 按照此處的答案將 Flutter 添加到 Path。

那些在 VS 代碼中更改顫振圖標時遇到問題的人,請轉到 android/app/build.gradle。 然后更改以下兩個屬性的值:

// minSdkVersion 26
// targetSdkVersion 30

然后同樣的過程。

我意識到在ios/Runner/Assets.xcassets/AppIcon.appiconset下有一個Contents.json文件,其中包含先前 png 文件的名稱,該文件與該文件夾中替換的新文件不匹配。

我用新的文件名正確更新了 json 文件,然后在我的模擬器上刪除了應用程序並再次運行構建。 然后我可以看到 ios 上的新圖標。

只需運行以下flutter_launcher_icon ,然后運行您的應用程序。

如果IOS有口味,

轉到Xcode > Runner > Build Settings > Asset Catalog Compiler - options > Primary App Icon Set Name並為每種口味添加值

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM