如何实现Android/iOS自动后台切换的动态应用图标？含Realme时钟案例

系统级应用（如Realme时钟）的动态图标是品牌定制的特权，第三方APP无法做到完全实时（比如每分钟切换），但可通过以下方案实现类似的定时切换效果：

一、Android 原生（Java）实现 #

1. 配置多图标资源 #

在AndroidManifest.xml中给主Activity添加多个<activity-alias>，每个对应一套图标：

<activity android:name=".MainActivity">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>
<!-- 夜间图标别名 -->
<activity-alias
    android:name=".IconAliasNight"
    android:enabled="false"
    android:icon="@drawable/icon_night"
    android:targetActivity=".MainActivity">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity-alias>
<!-- 日间图标别名 -->
<activity-alias
    android:name=".IconAliasDay"
    android:enabled="false"
    android:icon="@drawable/icon_day"
    android:targetActivity=".MainActivity">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity-alias>

2. 核心切换逻辑 #

通过PackageManager启用/禁用对应别名组件：

private void switchAppIcon(String aliasName) {
    PackageManager pm = getPackageManager();
    // 先禁用所有已启用的别名
    pm.setComponentEnabledSetting(
            new ComponentName(this, "com.yourpackagename.IconAliasNight"),
            PackageManager.COMPONENT_ENABLED_STATE_DISABLED,
            PackageManager.DONT_KILL_APP);
    pm.setComponentEnabledSetting(
            new ComponentName(this, "com.yourpackagename.IconAliasDay"),
            PackageManager.COMPONENT_ENABLED_STATE_DISABLED,
            PackageManager.DONT_KILL_APP);
    // 启用目标别名
    pm.setComponentEnabledSetting(
            new ComponentName(this, aliasName),
            PackageManager.COMPONENT_ENABLED_STATE_ENABLED,
            PackageManager.DONT_KILL_APP);
}

3. 后台定时切换（随时间变化） #

用WorkManager实现定时任务，每隔1小时触发一次图标切换：

// 初始化定时任务
PeriodicWorkRequest iconSwitchTask = new PeriodicWorkRequest.Builder(IconSwitchWorker.class, 1, TimeUnit.HOURS)
        .build();
WorkManager.getInstance(this).enqueue(iconSwitchTask);

// Worker类实现逻辑
public class IconSwitchWorker extends Worker {
    public IconSwitchWorker(@NonNull Context context, @NonNull WorkerParameters params) {
        super(context, params);
    }

    @NonNull
    @Override
    public Result doWork() {
        // 根据当前小时判断切换目标图标
        int currentHour = Calendar.getInstance().get(Calendar.HOUR_OF_DAY);
        String targetAlias;
        if (currentHour >= 0 && currentHour < 6) {
            targetAlias = "com.yourpackagename.IconAliasNight";
        } else {
            targetAlias = "com.yourpackagename.IconAliasDay";
        }
        switchAppIcon(targetAlias);
        return Result.success();
    }
}

注意事项 #

• 小米、华为等国产ROM可能限制后台任务，需引导用户开启应用自启动权限
• 第三方APP无法做到系统级应用的实时刷新，后台任务调度受系统管控

二、iOS 实现 #

1. 配置多图标资源 #

在Info.plist中添加CFBundleAlternateIcons字段，定义备用图标：

<key>CFBundleAlternateIcons</key>
<dict>
    <key>IconNight</key>
    <dict>
        <key>CFBundleIconFiles</key>
        <array>
            <string>icon_night</string>
        </array>
        <key>UIPrerenderedIcon</key>
        <false/>
    </dict>
    <key>IconDay</key>
    <dict>
        <key>CFBundleIconFiles</key>
        <array>
            <string>icon_day</string>
        </array>
        <key>UIPrerenderedIcon</key>
        <false/>
    </dict>
</dict>

2. 核心切换逻辑 #

调用系统API切换图标：

func switchAppIcon(to iconName: String?) {
    guard UIApplication.shared.supportsAlternateIcons else { return }
    UIApplication.shared.setAlternateIconName(iconName) { error in
        if let error = error {
            print("图标切换失败：\(error.localizedDescription)")
        }
    }
}

3. 后台定时切换（随时间变化） #

iOS后台限制严格，无法主动持续运行任务，可通过两种方式实现：

• 远程推送触发：服务器按时间推送消息，APP在后台接收后执行切换逻辑
• 后台刷新任务：申请后台刷新权限，系统空闲时唤醒APP执行任务：

// 注册后台任务
func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
    BGTaskScheduler.shared.register(forTaskWithIdentifier: "com.yourapp.icon_refresh", using: nil) { task in
        self.handleIconRefresh(task: task as! BGAppRefreshTask)
    }
    scheduleNextRefresh()
    return true
}

// 处理图标刷新任务
func handleIconRefresh(task: BGAppRefreshTask) {
    let currentHour = Calendar.current.component(.hour, from: Date())
    let targetIcon = currentHour < 6 ? "IconNight" : "IconDay"
    switchAppIcon(to: targetIcon)
    
    task.setTaskCompleted(success: true)
    scheduleNextRefresh()
}

// 调度下一次任务
func scheduleNextRefresh() {
    let request = BGAppRefreshTaskRequest(identifier: "com.yourapp.icon_refresh")
    request.earliestBeginDate = Date(timeIntervalSinceNow: 3600) // 1小时后
    do {
        try BGTaskScheduler.shared.submit(request)
    } catch {
        print("任务调度失败：\(error.localizedDescription)")
    }
}

注意事项 #

• iOS 10+支持备用图标功能
• 每次切换图标会弹出系统提示（隐藏API规避可能导致审核不通过）
• 后台刷新任务的执行时间由系统决定，无法保证严格准时

三、Flutter 实现 #

通过第三方插件结合后台任务实现：

1. 依赖插件 #

dependencies:
  dynamic_icon: ^1.0.0
  workmanager: ^0.5.1 # Android后台任务
  flutter_background_service: ^2.4.0 # 跨平台后台任务

2. 切换图标代码 #

import 'package:dynamic_icon/dynamic_icon.dart';

Future<void> switchAppIcon(String iconName) async {
  try {
    await DynamicIcon.setAlternateIconName(iconName);
  } catch (e) {
    print("图标切换失败：$e");
  }
}

3. 后台定时任务 #

• Android：用workmanager配置定时任务，触发图标切换逻辑
• iOS：用flutter_background_service申请后台权限，或通过推送触发切换

四、React Native 实现 #

借助第三方库结合原生能力实现：

1. 安装依赖 #

npm install react-native-dynamic-app-icon
npm install react-native-background-fetch

2. 切换图标代码 #

import DynamicAppIcon from 'react-native-dynamic-app-icon';

const switchAppIcon = async (iconName) => {
  try {
    await DynamicAppIcon.setAlternateIconName(iconName);
  } catch (error) {
    console.error('图标切换失败：', error);
  }
};

3. 后台定时任务 #

用react-native-background-fetch配置定时回调：

import BackgroundFetch from 'react-native-background-fetch';

const initBackgroundTask = async () => {
  BackgroundFetch.configure({
    minimumFetchInterval: 60, // 最小间隔1分钟（iOS实际由系统管控）
  }, async (taskId) => {
    const currentHour = new Date().getHours();
    const targetIcon = currentHour < 6 ? 'IconNight' : 'IconDay';
    await switchAppIcon(targetIcon);
    BackgroundFetch.finish(taskId);
  }, (error) => {
    console.error('后台任务配置失败：', error);
  });
};

内容的提问来源于stack exchange，提问作者Shaikh Faizan