Flutter 更换应用程序图标

14 min read

要更换Flutter应用程序图标和启动页图标,可以按照以下步骤操作:

  1. 更换应用程序图标:
  • 在项目的根目录下创建一个名为“assets”的文件夹,然后将新的应用程序图标放入该文件夹中。
  • 在pubspec.yaml文件中添加以下代码:
flutter:
  assets:
    - assets/
  • 在应用程序中添加以下代码:
import 'package:flutter/services.dart';
import 'package:flutter/widgets.dart';

void main() {
  SystemChrome.setSystemUIOverlayStyle(
    SystemUiOverlayStyle(
      statusBarColor: Colors.transparent,
    ),
  );
  WidgetsFlutterBinding.ensureInitialized();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My App',
      home: MyHomePage(),
      theme: ThemeData(
        primaryColor: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      debugShowCheckedModeBanner: false,
    );
  }
}
  • 在应用程序的Android和iOS文件夹中添加以下文件:

在Android文件夹中添加:app/src/main/res/mipmap-<大小>/ic_launcher.png
在iOS文件夹中添加:Assets.xcassets/AppIcon.appiconset/

  • 在Flutter终端中输入以下命令:
flutter pub get
flutter packages get
flutter run
  • 然后重新运行应用程序,新应用程序图标就可以看到了。
  1. 更换启动页图标:
  • 在res/drawable/文件夹下放置ic_launcher_background.xml和ic_launcher_foreground.xml两个图片,用Adobe Photoshop等工具将图片修改成透明底的图标。

  • 打开android/app/src/main/AndroidManifest.xml文件,在application标签下添加以下代码:

<meta-data
       android:name="com.google.android.gms.ads.APPLICATION_ID"
       android:value="ca-app-pub-3940256099942544~3347511713"/>
   <meta-data
       android:name="com.google.android.gms.ads.AD_MANAGER_APP"
       android:value="true"/>

   <activity
       android:name=".MainActivity"
       android:launchMode="singleTop"
       android:theme="@style/LaunchTheme"
       android:configChanges="orientation|keyboardHidden|keyboard|navigation"
       android:windowSoftInputMode="adjustResize"
       android:exported="true"
       android:icon="@mipmap/ic_launcher">
       <meta-data
           android:name="io.flutter.embedding.android.NormalTheme"
           android:resource="@style/NormalTheme"
           />
       <intent-filter>
           <action android:name="android.intent.action.MAIN"/>
           <category android:name="android.intent.category.LAUNCHER"/>
       </intent-filter>
   </activity>
  • 更改android/app/src/main/res/drawable/下的启动图标

  • 然后重新运行应用程序,新启动页图标就可以看到了。