Wyatt - Free and Open Source Softwares

Repositories

3

Projects Packages

wyatt_ui_kit (2.0.0)

Published 2023-04-13 22:25:40 +00:00 by hugo in Wyatt-FOSS/wyatt-packages

Installation

To install the package using Dart, run the following command:

dart pub add wyatt_ui_kit:2.0.0 --hosted-url=

For more information on the Pub registry, see the documentation.

About this package

UIKit and Design System used in Wyatt Studio.

Wyatt UI Kit

UIKit and Design System used in Wyatt Studio. This is a implementation of the components defined in Wyatt UI Components package.

Usage

The UIKit provides WyattComponentThemeData class that contains all the components used in Wyatt Studio. You can use it in your app by calling WyattComponentTheme widget and give your app as child. For example :

This component theme is to be used with Wyatt UI Components. It provides a default theme for all the components defined in Wyatt UI Components package.

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) => ComponentTheme(
    // It is here that you can override the default theme !
    componentThemeWidget: WyattComponentThemeData(),
    child: MaterialApp(
      title: 'Wyatt Ui Layout Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const ..,
    ),
  );
}

Development

Common to this, and Wyatt UI Components packages.

Add a new component :

Wyatt UI Components side

1. Create a new file in lib/src/domain/entities folder.
2. Add your component class.
3. Add your component class to ComponentThemeData abstract class.
4. Run flutter pub run build_runner build to generate your component proxy properties.

Wyatt UI Kit side

1. Create a new file in lib/src/components folder.
2. Add your component class, styles, (and logic if needed)
3. Run flutter pub run build_runner build to generate your component copy with method.
4. Add a theme extension to your component class in lib/src/domain/
5. Add your component class wyattComponentThemeData static property in lib/src/features/wyatt_component_theme_data.dart

Details

Pub

Wyatt-FOSS/wyatt-packages

2023-04-13 22:25:40 +00:00

34

Repository Site

45 KiB

Assets (1)

2.0.0.tar.gz 45 KiB

Versions (8) View all

3.2.4 2023-11-18

3.2.3 2023-09-29

3.2.2 2023-09-01

3.2.0 2023-08-28

3.1.0 2023-08-09

Issues