dts_flutterwidgets 1.0.0+12

Flutter UI widget library with buttons, cards, dialogs, inputs, dropdowns, navigation and more for consistent DTS design.

example/lib/main.dart

import 'package:dts_flutterwidgets/dts_flutterwidgets.dart';
import 'package:example/pages/buttons/buttons_page.dart';
import 'package:example/pages/containers/containers_page.dart';
import 'package:example/pages/dialogs/dialogs_page.dart';
import 'package:example/pages/dropdowns/dropdown_page.dart';
import 'package:example/pages/example_page.dart';
import 'package:example/pages/inputs/inputs_page.dart';
import 'package:example/pages/loading_spinners/loading_spinners_page.dart';
import 'package:example/pages/placeholder_page.dart';
import 'package:example/pages/skeletons_loadings/skeleton_loadings_page.dart';
import 'package:example/pages/utils/utils_page.dart';
import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Dts Flutter Components',
      theme: DtsTheme().lightTheme,
      home: const MyHomePage(),
    );
  }
}

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

  static final List<DtsNavigationDestination> destinationPages = [
    DtsNavigationDestination(destinationPage: const ExamplePage()),
    DtsNavigationDestination(
      destinationPage: const PlaceholderPage(title: 'Login'),
    ),
    DtsNavigationDestination(
      destinationPage: const ContainersPage(),
      onPressed: () {},
    ),
    DtsNavigationDestination(
      destinationPage: const ButtonsPage(),
      onPressed: () {},
    ),
    DtsNavigationDestination(destinationPage: const InputsPage()),
    DtsNavigationDestination(destinationPage: const LoadingSpinnersPage()),
    DtsNavigationDestination(destinationPage: const SkeletonLoadingsPage()),
    DtsNavigationDestination(destinationPage: const DropdownsPage()),
    DtsNavigationDestination(destinationPage: const DialogsPage()),
    DtsNavigationDestination(destinationPage: const UtilsPage()),
    DtsNavigationDestination(
      destinationPage: const PlaceholderPage(title: 'Viewers'),
    ),
    DtsNavigationDestination(
      destinationPage: const PlaceholderPage(title: 'Operación'),
    ),
    DtsNavigationDestination(
      destinationPage: const PlaceholderPage(title: 'Widgets'),
    ),
    DtsNavigationDestination(
      destinationPage: const PlaceholderPage(title: 'Table'),
    ),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: DtsNavigationDrawer(
        destinationPages: destinationPages,
        menuItems: [
          Padding(
            padding: const EdgeInsets.all(30),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Text(
                  'Do.',
                  style: Theme.of(context).textTheme.displayLarge,
                ),
                Text(
                  'Platform',
                  style: Theme.of(context).textTheme.displayLarge,
                ),
              ],
            ),
          ),
          const NavigationDrawerDestination(
            icon: Row(
              children: [
                Icon(Icons.home),
              ],
            ),
            label: Text(
              'Página Ejemplo',
            ),
          ),
          const NavigationDrawerDestination(
            icon: Row(
              children: [
                Icon(Icons.login_rounded),
              ],
            ),
            label: Text(
              'Login',
            ),
          ),
          const DtsNavigationCategoryTitle(title: 'Contenedores'),
          const NavigationDrawerDestination(
            icon: Row(
              children: [
                Icon(Icons.arrow_back_outlined),
              ],
            ),
            selectedIcon: Icon(Icons.widgets),
            label: Text(
              'Subnavigation Page',
            ),
          ),
          const DtsNavigationCategoryTitle(title: 'Componentes'),
          const NavigationDrawerDestination(
            icon: Row(
              children: [
                Icon(Icons.widgets_outlined),
              ],
            ),
            selectedIcon: Icon(Icons.widgets),
            label: Text(
              'Botones',
            ),
          ),
          const NavigationDrawerDestination(
            icon: Icon(Icons.input_outlined),
            selectedIcon: Icon(Icons.input),
            label: Text(
              'Inputs',
            ),
          ),
          const NavigationDrawerDestination(
            icon: Icon(Icons.autorenew_rounded),
            label: Text(
              'Spinners',
            ),
          ),
          const NavigationDrawerDestination(
            icon: Icon(Icons.calendar_view_day_rounded),
            label: Text(
              'Skeleton Loadings',
            ),
          ),
          const NavigationDrawerDestination(
            icon: Icon(Icons.arrow_drop_down),
            label: Text(
              'Dropdowns',
            ),
          ),
          const NavigationDrawerDestination(
            icon: Icon(Icons.power_input),
            label: Text(
              'Dialogs',
            ),
          ),
          const NavigationDrawerDestination(
            icon: Icon(Icons.notifications_active_outlined),
            selectedIcon: Icon(Icons.notifications_active),
            label: Text(
              'Utils (Snackbar)',
            ),
          ),
          const NavigationDrawerDestination(
            icon: Icon(Icons.document_scanner),
            label: Text(
              'Viewers',
            ),
          ),
          const DtsNavigationCategoryTitle(title: 'Plataforma'),
          const NavigationDrawerDestination(
            icon: Icon(Icons.list_alt),
            label: Text(
              'Operación',
            ),
          ),
          const NavigationDrawerDestination(
            icon: Icon(Icons.list_outlined),
            label: Text(
              'Widgets',
            ),
          ),
          const NavigationDrawerDestination(
            icon: Icon(Icons.table_rows_sharp),
            label: Text(
              'Table',
            ),
          ),
        ],
      ),
    );
  }
}