Flutter项目中能否动态修改Logo与品牌主题颜色？

当然可以实现，用不同build modes结合编译flag的方式是多品牌适配的常用方案，能高效区分不同品牌的Logo、应用名称、配色及文本资源，下面是具体实现步骤：

1. 统一管理品牌配置 #

先定义一个配置类，把所有品牌相关的资源参数封装起来，方便统一切换：

class BrandConfig {
  final String appName;
  final String logoAssetPath;
  final Color primaryColor;
  final String welcomeText;

  BrandConfig({
    required this.appName,
    required this.logoAssetPath,
    required this.primaryColor,
    required this.welcomeText,
  });
}

// 定义各品牌的具体配置
final BrandConfig brandA = BrandConfig(
  appName: "品牌A",
  logoAssetPath: "assets/logos/brand_a.png",
  primaryColor: Colors.blue,
  welcomeText: "欢迎使用品牌A",
);

final BrandConfig brandB = BrandConfig(
  appName: "品牌B",
  logoAssetPath: "assets/logos/brand_b.png",
  primaryColor: Colors.green,
  welcomeText: "欢迎使用品牌B",
);

2. 通过编译flag指定品牌 #

编译时通过--dart-define参数传递品牌标识，Flutter会把这个参数注入到应用中：

• 编译品牌A：flutter run --dart-define=BRAND=A
• 编译品牌B：flutter run --dart-define=BRAND=B

在代码中读取这个标识并选择对应配置：

void main() {
  // 默认使用品牌A，避免未传参数时出错
  final String brandFlag = const String.fromEnvironment('BRAND', defaultValue: 'A');
  final BrandConfig currentBrand = brandFlag == 'B' ? brandB : brandA;

  runApp(MyApp(brandConfig: currentBrand));
}

3. 在UI中绑定品牌配置 #

把配置注入到整个应用，所有需要品牌资源的地方直接调用即可：

class MyApp extends StatelessWidget {
  final BrandConfig brandConfig;

  const MyApp({super.key, required this.brandConfig});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: brandConfig.appName,
      theme: ThemeData(
        primaryColor: brandConfig.primaryColor,
        useMaterial3: true,
      ),
      home: Scaffold(
        appBar: AppBar(title: Text(brandConfig.appName)),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Image.asset(brandConfig.logoAssetPath, width: 150),
              const SizedBox(height: 20),
              Text(brandConfig.welcomeText, style: TextStyle(fontSize: 18)),
            ],
          ),
        ),
      ),
    );
  }
}

4. 适配原生层面的品牌信息 #

除了Flutter代码，还要修改Android和iOS的原生配置，保证桌面图标名称等信息也对应品牌：

Android端 #

在android/app/build.gradle中配置产品风味（productFlavors）：

android {
    ...
    flavorDimensions "brand"
    productFlavors {
        brandA {
            dimension "brand"
            manifestPlaceholders = [appName: "品牌A"]
        }
        brandB {
            dimension "brand"
            manifestPlaceholders = [appName: "品牌B"]
        }
    }
}

然后在strings.xml中引用占位符：

<string name="app_name">${appName}</string>

iOS端 #

在Xcode中创建对应品牌的Configuration，然后在Info.plist里将CFBundleDisplayName设置为$(APP_NAME)，最后在每个Configuration的Build Settings中设置APP_NAME为对应品牌名称即可。

补充说明 #

这种编译时切换的方式，每个打包版本只包含对应品牌的资源，体积更小、性能更优，适合多品牌分发的场景。如果需要运行时动态切换品牌，可以考虑将品牌资源打包成独立资源包，或者通过本地存储保存品牌标识后重启应用加载对应资源，但这种方式需要额外处理资源预加载逻辑。

内容的提问来源于stack exchange，提问作者Deeba Mathan