theme_extensions_builder 1.0.0 copy "theme_extensions_builder: ^1.0.0" to clipboard
theme_extensions_builder: ^1.0.0 copied to clipboard

Code generator for ThemeExtension classes.

Welcome to theme_extensions_builder, the code generator for Flutter ThemeExtension classes introduced in Flutter 3.0. The generator helps to minimize the required boilerplate code.

How to use #

Install #

Make sure to add these packages to the project dependencies:

  • [build_runner] tool to run code generators (dev dependency)
  • [theme_extensions_builder] this package (dev dependency)
  • [theme_extensions_builder_annotation] annotations for [theme_extensions_builder]
flutter pub add --dev build_runner
flutter pub add --dev theme_extensions_builder
flutter pub add theme_extensions_builder_annotation

Add imports and part directive #

theme_extensions_builder is a generator for annotation that generates code in a part file that needs to be specified. Make sure to add the following imports and part directive in the file where you use the annotation.

Make sure to specify the correct file name in a part directive. In the example below, replace "name" with the file name.

//file: name.dart

import 'package:flutter/material.dart';
import 'package:theme_extensions_builder_annotation/theme_extensions_builder_annotation.dart';

part 'name.g.dart';

Run the code generator #

To run the code generator, run the following commands:

flutter run build_runner build --delete-conflicting-outputs

Create Theme Extension #

//file: elevated_button_theme.dart

import 'package:flutter/material.dart';
import 'package:theme_extensions_builder_annotation/theme_extensions_builder_annotation.dart';

part 'elevated_button_theme.g.dart';

@themeExtensions
class ElevatedButtonThemeExtension extends ThemeExtension<ElevatedButtonThemeExtension> with _$ThemeExtensionMixin {
    const ElevatedButtonThemeExtension({
        required this.backgroundColor,
        required this.foregroundColor,
        this.borderRadius,
    });

    @ignore // 
    final BorderRadius? borderRadius;
    final Color backgroundColor;
    final Color foregroundColor;
}