backstreets_widgets 0.37.0

backstreets_widgets: ^0.37.0 copied to clipboard

example/lib/main.dart

import 'package:backstreets_widgets/screens.dart';
import 'package:backstreets_widgets/shortcuts.dart';
import 'package:backstreets_widgets/widgets.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

/// The size of clothing.
enum ClothingSize {
  /// Small.
  s,

  /// Medium.
  m,

  /// Large.
  l,

  /// Extra large.
  xl,
}

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

/// The top-level app class.
class MyApp extends StatelessWidget {
  /// Create an instance.
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(final BuildContext context) => EnsureSemantics(
        child: MaterialApp(
          title: 'Demo of backstreets_widgets',
          theme: ThemeData(
            colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
            useMaterial3: true,
          ),
          home: const MyHomePage(),
        ),
      );
}

/// The home page for the application.
class MyHomePage extends StatefulWidget {
  /// Create an instance.
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late int _counter;
  ClothingSize? _clothingSize;

  /// Initialise state.
  @override
  void initState() {
    super.initState();
    _counter = 0;
  }

  @override
  Widget build(final BuildContext context) => TabbedScaffold(
        tabs: [
          TabbedScaffoldTab(
            title: 'Example',
            icon: const Icon(Icons.calculate),
            child: Ticking(
              duration: const Duration(seconds: 1),
              onTick: () => setState(() => _counter++),
              child: CenterText(
                text: '${_counter.isEven ? "Tock" : "Tick"}: $_counter',
                autofocus: true,
              ),
            ),
          ),
          TabbedScaffoldTab(
            title: 'Counter',
            icon: Badge(
              label: Text('$_counter'),
              child: const Icon(Icons.money),
            ),
            child: Cancel(
              onCancel: () => setState(() => _counter = 0),
              child: Center(
                child: ListView(
                  shrinkWrap: true,
                  children: [
                    PerformableActionsListTile(
                      actions: [
                        const PerformableAction(
                          name: 'Modify counter',
                        ),
                        PerformableAction(
                          name: 'Increase counter',
                          activator: CrossPlatformSingleActivator(
                            LogicalKeyboardKey.arrowUp,
                          ),
                          invoke: () => setState(() => _counter++),
                        ),
                        PerformableAction(
                          name: 'Decrease counter',
                          activator: CrossPlatformSingleActivator(
                            LogicalKeyboardKey.arrowDown,
                          ),
                          invoke: () => setState(() => _counter--),
                        ),
                        const PerformableAction(name: 'Miscellaneous'),
                        PerformableAction(
                          name: 'Reset counter',
                          activator: const SingleActivator(
                            LogicalKeyboardKey.escape,
                          ),
                          invoke: () => setState(() => _counter = 0),
                          checked: _counter == 0,
                        ),
                      ],
                      title: const Text('Counter'),
                      subtitle: Text('$_counter'),
                      autofocus: true,
                      onTap: () => setState(() => _counter = 10),
                    ),
                    EnumListTile(
                      title: 'Clothing size',
                      values: ClothingSize.values,
                      onChanged: (final value) =>
                          setState(() => _clothingSize = value),
                      emptyValue: "Don't care",
                      value: _clothingSize,
                    ),
                  ],
                ),
              ),
            ),
          ),
        ],
        initialPageIndex: 1,
        onPageChange: print,
      );
}