true_design_system_component 1.0.3

true_design_system_component: ^1.0.3 copied to clipboard

example/lib/main.dart

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter/scheduler.dart';
import 'package:tds_component_example/component/buttons.dart';
import 'package:tds_component_example/component/tds_colors.dart';
import 'package:tds_component_example/component/typographys.dart';
import 'package:true_design_system_component/true_design_system_component.dart';

Future<void> main() async {
  await runZonedGuarded(() async {
    WidgetsFlutterBinding.ensureInitialized();
    var brightness =
        SchedulerBinding.instance.platformDispatcher.platformBrightness;
    bool isDarkMode = brightness == Brightness.dark;
    TDSComponent().init(isDarkMode);
    runApp(const App());
  }, (error, stack) {});
}

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

  @override
  State<App> createState() => _AppState();
}

class _AppState extends State<App> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    bool isDarkMode = false;
    setState(() {
      var brightness =
          SchedulerBinding.instance.platformDispatcher.platformBrightness;
      isDarkMode = brightness == Brightness.dark;
    });

    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'True Design System Component',
      themeMode: isDarkMode ? ThemeMode.dark : ThemeMode.light,
      theme: TDSThemes.lightTheme,
      darkTheme: TDSThemes.darkTheme,
      home: const HomePage(),
    );
  }
}

// class MyApp extends StatefulWidget {
//   const MyApp({Key? key}) : super(key: key);

//   @override
//   Widget build(BuildContext context) {
//     var brightness =
//         SchedulerBinding.instance.platformDispatcher.platformBrightness;
//     bool isDarkMode = brightness == Brightness.dark;
//     return MaterialApp(
//       debugShowCheckedModeBanner: false,
//       title: 'True Design System Component',
//       themeMode: isDarkMode ? ThemeMode.dark : ThemeMode.light,
//       theme: TDSThemes.lightTheme,
//       darkTheme: TDSThemes.darkTheme,
//       home: const HomePage(),
//     );
//   }

//   @override
//   State<StatefulWidget> createState() {
//     // TODO: implement createState
//     throw UnimplementedError();
//   }
// }

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text(
          'True Design System Component',
        ),
      ),
      body: const SingleChildScrollView(
        child: Padding(
          padding: EdgeInsets.fromLTRB(20, 12, 20, 0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.stretch,
            children: [
              ExpansionTile(
                title: Text("Buttons"),
                leading: Icon(Icons.info_outline), //add icon
                childrenPadding: EdgeInsets.only(left: 60), //children padding
                children: [
                  Buttons(),
                  SizedBox(
                    height: 24,
                  ),
                ],
              ),
              ExpansionTile(
                title: Text("Typographys"),
                leading: Icon(Icons.info_outline), //add icon
                childrenPadding: EdgeInsets.only(left: 60), //children padding
                children: [
                  Typographys(),
                  SizedBox(
                    height: 24,
                  ),
                ],
              ),
              ExpansionTile(
                title: Text("Colors"),
                leading: Icon(Icons.info_outline), //add icon
                childrenPadding: EdgeInsets.only(left: 10), //children padding
                children: [
                  TDSColorsEx(),
                  SizedBox(
                    height: 24,
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}