fr_mvvm_theme 0.0.1

Theme switching helpers for FlowR MVVM Flutter apps, including theme models, ThemeExtension utilities, image scheme parsing, and menu UI.

FlowR-MVVM: Theme

Features

Share

• FrThemeFieldScheme and image provider helpers for asset://, file://, http://, https://, and theme:// values
• FrPageTheme for app-defined ThemeExtension models
• FrThemeModel, IThemeViewModel, FrThemeViewModel
• FrThemeSwitchView
• FrColorCvt for JSON color fields

Usage

See the /example folder.

class LoginTheme extends FrPageTheme<LoginTheme> {
  final String logoImg;

  const LoginTheme({required this.logoImg});

  @override
  Map<String, dynamic> toJson() => {'logoImg': logoImg};
}

final lightTheme = FrThemeModel(
  themeId: 'light',
  extensions: const [LoginTheme(logoImg: 'asset://login/logo.png')],
);

Resolve downloaded theme files before using them:

final resolved = frThemeProcFieldValues(themeJson, {
  FrThemeFieldScheme.theme: (value) =>
      FrThemeFieldScheme.file.withScheme('/app/theme/${value.$2}'),
});

Migration note

The compatibility alias withSch intentionally uses the corrected withScheme behavior. For example, FrThemeFieldScheme.file.withSch('/a.png') returns file:///a.png, so asImgProvider resolves it as a FileImage. Scheme-less values are still accepted and treated as asset paths.

Additional information

More information, please visit the flowr package.