Flutter 动态修改应用图标功能指南

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}
 
class _MyAppState extends State<MyApp> {
  // 当前使用的图标
  int _currentIcon = 0;
  // 图标列表
  final List<MaterialColor> _icons = [
    Colors.red,
    Colors.blue,
    Colors.green,
    // 添加更多图标
  ];
 
  @override
  void initState() {
    super.initState();
    // 更新应用图标
    updateAppIcon(_icons[_currentIcon]);
  }
 
  // 更新应用图标的方法
  void updateAppIcon(MaterialColor color) {
    // 设置新的主题颜色
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
      statusBarColor: color,
      statusBarBrightness: Brightness.light, // 根据需要设置亮度
      statusBarIconBrightness: Brightness.dark, // 根据需要设置图标亮度
    ));
 
    // 更新图标状态
    setState(() {
      _currentIcon = _icons.indexOf(color);
    });
  }
 
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Dynamic App Icon Example',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Dynamic App Icon Example'),
        ),
        body: Center(
          child: Text('Current Icon Color: $_currentIcon'),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            // 循环切换图标
            updateAppIcon(_icons[(++_currentIcon) % _icons.length]);
          },
          child: Icon(Icons.refresh),
        ),
      ),
    );
  }
}

这段代码展示了如何在Flutter应用中动态更改应用图标的颜色。它使用了SystemChrome.setSystemUIOverlayStyle方法来改变状态栏颜色，从而影响图标的颜色。代码中包含了一个简单的用户界面，允许用户通过点击浮动按钮来更改应用图标颜色。