skadi 4.3.0

Flutter utilities packages for custom widgets and utilities function.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:skadi/skadi.dart';
import 'package:skadi_example/examples/buttons.dart';
import 'package:skadi_example/examples/controls.dart';
import 'package:skadi_example/examples/navigator.dart';
import 'package:skadi_example/examples/popscope.dart';
import 'package:skadi_example/examples/style_decoration.dart';

import 'examples/dialogs.dart';
import 'examples/mixin.dart';
import 'examples/other_widget.dart';
import 'examples/pagination.dart';
import 'examples/utilities.dart';
import 'widgets/custom_overlay_loading.dart';

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

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

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

class _MyAppState extends State<MyApp> {
  bool useMaterial3 = false;
  @override
  Widget build(BuildContext context) {
    return SkadiProvider(
      // loadingWidget: const Text("loading..."),
      noDataWidget: (onRefresh) => const Text("No data :("),
      logSetting: const SkadiLogSetting(
        http: true,
        info: true,
        error: true,
      ),
      child: MaterialApp(
        debugShowCheckedModeBanner: false,
        navigatorKey: SkadiNavigator.navigatorKey,
        navigatorObservers: [
          SkadiRouteObserver(
            log: true,
            analyticCallBack: (route) {},
          ),
        ],
        title: 'Skadi Flutter Example',
        theme: ThemeData(
          primarySwatch: useMaterial3 ? null : Colors.cyan,
          colorSchemeSeed: useMaterial3 ? Colors.cyan : null,
          useMaterial3: useMaterial3,
          appBarTheme: const AppBarTheme(
            foregroundColor: Colors.white,
            backgroundColor: Colors.cyan,
          ),
          elevatedButtonTheme: ElevatedButtonThemeData(
            style: ElevatedButton.styleFrom(
              backgroundColor: Colors.cyan,
              foregroundColor: Colors.black,
            ),
          ),
        ),
        home: const RootPage(),
        builder: (context, child) {
          return LoadingOverlayProvider.builder(
            child: SkadiResponsiveBuilder(
              builder: (_) => Column(
                children: [
                  child!.expanded,
                  Container(
                    width: double.infinity,
                    decoration: BoxDecoration(
                      border: Border.all(color: Colors.black12),
                      color: Colors.white,
                    ),
                    padding: const EdgeInsets.fromLTRB(16, 16, 16, 24),
                    child: ElevatedButton(
                      onPressed: () {
                        setState(() => useMaterial3 = !useMaterial3);
                      },
                      child: const Text("Switch Material Version"),
                    ),
                  )
                ],
              ),
            ),
            loadingWidget: const CustomLoadingOverlay(),
          );
        },
      ),
    );
  }
}

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

  @override
  State<RootPage> createState() => _RootPageState();
}

class _RootPageState extends State<RootPage> {
  final examples = <ExampleButton>[
    ExampleButton(name: "Buttons", child: const ButtonsExample()),
    ExampleButton(name: "Pagination", child: const PaginationExample()),
    ExampleButton(name: "Controls", child: const ControlExample()),
    ExampleButton(name: "Dialogs", child: const DialogsExample()),
    ExampleButton(
      name: "Mixin Example",
      child: const MixinExample(),
    ),
    ExampleButton(
      name: "Navigator Example",
      child: const SkadiNavigatorExample(),
    ),
    ExampleButton(name: "Other widgets", child: const OtherWidgetExample()),
    ExampleButton(
      name: "Style and Decoration",
      child: const StyleAndDecorationExample(),
    ),
    ExampleButton(
      name: "Utilities Method Usage",
      child: const UtilitiesMethodUsage(),
    ),
    ExampleButton(
      name: "PopScope example",
      child: const PopScopeExample(),
    ),
  ];

  @override
  Widget build(BuildContext context) {
    infoLog(ModalRoute.of(skadiContext)?.canPop);
    return Scaffold(
      appBar: AppBar(title: const Text("Skadi Example")),
      body: ListView(
        padding: EdgeInsets.symmetric(
          vertical: 16,
          horizontal: SkadiResponsive.auto(16),
        ),
        children: [
          for (var widget in examples)
            Container(
              margin: const EdgeInsets.only(bottom: 16),
              child: ElevatedButton(
                onPressed: () async {
                  await SkadiNavigator.keyPush(widget.child);
                  SkadiUtils.wait().then((value) {
                    infoLog("Manager", manager);
                  });
                },
                child: Text(widget.name),
              ),
            ),
        ],
      ),
    );
  }
}

class ExampleButton {
  final String name;
  final Widget child;

  ExampleButton({required this.name, required this.child});
}