在Flutter中动态地改变应用启动器图标

在本文中，我们将讨论如何在 Flutter 应用程序的运行时动态更改多个应用程序启动器图标。

在 pubspec.yaml 文件中添加以下依赖项。

flutter_dynamic_icon：https://pub.dev/packages/flutter_dynamic_icon

考虑我们已经准备好基本的 UI（包含图像和按钮小部件）。

import 'package:flutter/material.dart';

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int iconIndex = 0;

  List iconName = <String>['icon1', 'icon2', 'icon3'];
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: buildAppBar(appBarTitle: widget.title),
      body: Padding(
          padding: EdgeInsets.all(kSpacing),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              buildIconTile(0, 'red'),
              buildIconTile(1, 'dark'),
              buildIconTile(2, 'blue'),
              HeightSpacer(myHeight: kSpacing),
              PrimaryBtn(
                  btnFun: () => changeAppIcon(), btnText: 'Set as app icon'),
            ],
          )),
    );
  }

  Widget buildIconTile(int index, String themeTxt) => Padding(
        padding: EdgeInsets.all(kSpacing / 2),
        child: GestureDetector(
          onTap: () => setState(() => iconIndex = index),
          child: ListTile(
              contentPadding: const EdgeInsets.only(left: 0.0, right: 0.0),
              leading: Image.asset(
                imagefiles[index],
                width: 45,
                height: 45,
              ),
              title: Text(themeTxt, style: const TextStyle(fontSize: 25)),
              trailing: iconIndex == index
                  ? const Icon(
                      Icons.check_circle_rounded,
                      color: Colors.green,
                      size: 30,
                    )
                  : Icon(
                      Icons.circle_outlined,
                      color: Colors.grey.withOpacity(0.5),
                      size: 30,
                    )),
        ),
      );

  changeAppIcon()  {}

在Flutter中动态地改变应用启动器图标

现在我们需要在按钮小部件的 onpress 事件 [changeAppIcon{}] 中编写更改应用启动器图标的逻辑。

changeAppIcon() async {
  try {
    if (await FlutterDynamicIcon.supportsAlternateIcons) {
      await FlutterDynamicIcon.setAlternateIconName(iconName[iconIndex]);
      debugPrint("App icon change successful");
      return;
    }
  } catch (e) {
    debugPrint("Exception: ${e.toString()}");
  }
  debugPrint("Failed to change app icon ");
}

至此，我们完成了配置动态应用图标的编码部分。

现在要使该功能正常工作，我们需要在项目的 ios 文件夹中的 info.plist 文件中添加一些更改。

因此，我们需要通过右键单击 ios 文件夹在 xCode 中打开项目。

⚠️（注意：此功能针对 iOS 平台，因此我们需要 macOS 设备进行设置）。

在Flutter中动态地改变应用启动器图标