如何使用不同的资产来实现flutter风格



我创建了一个flutter应用程序,我想在上面设置3种口味。它们中的每一个都有不同的字体、不同的图像集和不同的字符串文件集。我如何使用特定的字体,图像和字符串文件的特定风味?提前感谢!

您可以创建应用程序配置文件。

import 'package:flutter/material.dart';
enum Flavor { FLAV1, FLAV2 }
class AppConfig extends InheritedWidget {
final String appTitle;
final String buildFlavor;
final Flavor flavor;
final Widget child;
final ThemeData themeData;
final String s3BucketURL;
final String stripeKey;
AppConfig(
{@required this.appTitle,
@required this.buildFlavor,
@required this.themeData,
@required this.flavor,
@required this.s3BucketURL,
@required this.stripeKey,
@required this.child});
@override
bool updateShouldNotify(covariant InheritedWidget oldWidget) => false;
static AppConfig of(BuildContext context) {
return context.dependOnInheritedWidgetOfExactType();
}
}

创建文件夹资产/资产/1/资产/2/

添加到pubspec.yaml

在访问这些资产时,您可以使用风味的索引来获取这些资产。

SvgPicture.asset(
'assets/${AppConfig.of(context).flavor.inex}/splash_logo.svg',
colorBlendMode: BlendMode.srcIn,
color: Theme.of(context).primaryColor,
)

初始化时可以添加不同的应用程序配置文件。创建不同的主文件,如main_flav.dart、main_flav2.dev.

void main() async {
WidgetsFlutterBinding.ensureInitialized();
var configureApp = AppConfig(
appTitle: 'App staging',
buildFlavor: 'Staging',
flavor: Flavor.FLAV1,
themeData: PreOrderTheme.flav1Theme,
stripeKey: 'pk_s',
s3BucketURL: 'https://sssss.net',
child: PreOrderApp(repository: Repository(baseURL:"https://webapi.net/api")),
);
return runApp(configureApp);
}

请参考https://medium.com/@animeshjain/build-flavor-in-flutter-android-and-ios-with-different-firebase-projects-per-flavor-27c5c5dac10b。

最新更新