gluestack_ui 0.1.0-beta.3

A universal UI library that provides optionally styled and accessible widgets, designed for easy integration into applications developed with Flutter.

example/lib/main.dart

import 'package:flutter/foundation.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:gluestack_ui/gluestack_ui.dart';

// import 'package:gluestack_ui_example/custom_config.dart';
// import 'package:gluestack_ui_example/providers/theme_provider/theme_provider.dart';
import 'package:gluestack_ui_example/routes/router.dart';

import 'providers/theme_provider/theme_provider.dart';

void main() {
  runApp(const ProviderScope(child: MyApp()));
}

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return GluestackProvider(
      // // This is how we can provide custom configuration to Gluestack Theme.
      // gluestackCustomConfig: GluestackCustomConfig(
      //   button: customButton,
      //   buttonText: customButtonText,
      // ),
      // // This is how we can create color themes - primary & secondary swatches from just a base color
      // gluestackTokenConfig: GluestackTokenConfig(
      // gsFontFamilyToken:
      // const GSFontFamilyToken($body: 'Sono', $heading: 'Sono')
      // gsColorsToken: const GSColorsToken(
      //   primaryColorsFromBase: Color(0xFF00FF00),
      //   secondaryColorsFromBase: Color(0xFFFF0000),
      // ),
      // ),
      child: Consumer(
        builder: (context, ref, child) {
          final GSThemeMode? currentThemeMode = ref.watch(toggleThemeProvider);

          return GSApp.router(
            debugShowCheckedModeBanner: false,
            color: $GSColors.primary500,
            routerConfig: router,
            themeMode: currentThemeMode,
            darkTheme: GSThemeData(
              brightness: Brightness.dark,
            ),
            theme: GSThemeData(),
          );
        },
      ),
    );
  }
}