flume 0.3.1

Implementation of the Flume design system and components for Flutter.

example/lib/main.dart

import 'dart:math';

import 'package:flume/licenses.dart';
import 'package:flume_example/pages/ambiance.dart';
import 'package:flume_example/pages/components.dart';
import 'package:flume_example/pages/components/buttons.dart';
import 'package:flume_example/pages/components/controls.dart';
import 'package:flume_example/pages/components/icons.dart';
import 'package:flume_example/pages/components/input.dart';
import 'package:flume_example/pages/components/layout.dart';
import 'package:flume_example/pages/foundation.dart';
import 'package:flume_example/pages/foundation/breakpoints.dart';
import 'package:flume_example/pages/foundation/colors.dart';
import 'package:flume_example/pages/foundation/motion.dart';
import 'package:flume_example/pages/foundation/shadows.dart';
import 'package:flume_example/pages/foundation/shapes.dart';
import 'package:flume_example/pages/foundation/spacing.dart';
import 'package:flume_example/pages/foundation/typography.dart';
import 'package:flume_example/pages/license.dart';

import 'package:flume/material.dart' hide LicensePage;
import 'package:flume/flume.dart';
import 'package:flume_example/pages/root.dart';
import 'package:flutter/foundation.dart';
import 'package:shake/shake.dart';

void main() {
  LicenseRegistry.addLicense(licenses);
  runApp(const FlumeExample());
}

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

  @override
  State<FlumeExample> createState() => _FlumeExampleState();
}

class _FlumeExampleState extends State<FlumeExample> {
  Color? seed;
  late ShakeDetector detector;

  @override
  void initState() {
    super.initState();
    detector = ShakeDetector.autoStart(onPhoneShake: () {
      setState(() {
        // Generate random color
        seed =
            Color((Random().nextDouble() * 0xFFFFFF).toInt()).withOpacity(1.0);
      });
    });
  }

  @override
  void dispose() {
    detector.stopListening();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Flume(
      theme: FlumeTheme.fallback(),
      builder: (context, theme) {
        return Ambiance(
          color: seed,
          child: MaterialApp(
            debugShowCheckedModeBanner: false,
            title: 'Flume',
            theme: theme,
            routes: {
              '/': (context) => const RootPage(),
              '/ambiance': (context) => const AmbiancePage(),
              '/foundation': (context) => const FoundationPage(),
              '/foundation/breakpoints': (context) => const BreakpointsPage(),
              '/foundation/colors': (context) => const ColorsPage(),
              '/foundation/motion': (context) => const MotionPage(),
              '/foundation/shadows': (context) => const ShadowsPage(),
              '/foundation/shapes': (context) => const ShapesPage(),
              '/foundation/spacing': (context) => const SpacingPage(),
              '/foundation/typography': (context) => const TypographyPage(),
              '/components': (context) => const ComponentsPage(),
              '/components/buttons': (context) => const ButtonsPage(),
              '/components/input': (context) => const InputPage(),
              '/components/controls': (context) => const ControlsPage(),
              '/components/layout': (context) => const LayoutPage(),
              '/components/icons': (context) => const IconsPage(),
              '/licenses': (context) => const LicensePage(),
            },
            onGenerateRoute: (settings) {
              if (settings.name == '/licenses/entry') {
                return MaterialPageRoute(
                  builder: (context) {
                    return LicenseEntryPage(
                      args: settings.arguments as LicenseEntryArgs,
                    );
                  },
                );
              }

              return null;
            },
            initialRoute: '/',
          ),
        );
      },
    );
  }
}