spacejam 0.1.1

SpaceJam is an open-sourced internal package used across the Mira Collection.

example/lib/main.dart

// Flutter
import "package:flutter/material.dart";

// SpaceJam
import "package:spacejam/spacejam.dart";

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

/// App
class MyApp extends StatelessWidget {
  /// Constructor
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) => MaterialApp(
        title: "SpaceJam example",
        home: const MyHomePage(),
        theme: ThemeData(
          primarySwatch: Colors.blue,
          // TextThemes
          textTheme: const TextTheme(
            titleMedium: TextStyle(
              fontWeight: FontWeight.bold,
              /* fontSize: (MediaQuery.of(context).size.width +
                 MediaQuery.of(context).size.height) /
                 2 * .06,
              */
              color: Colors.black,
            ),
            titleSmall: TextStyle(
              /* fontSize: (MediaQuery.of(context).size.width +
              MediaQuery.of(context).size.height) /
              2 * .04,
          */
              color: Colors.black,
            ),
            headlineMedium: TextStyle(
              //fontSize: MediaQuery.of(context).size.width * .08,
              color: Colors.black,
            ),
            headlineSmall: TextStyle(
              //fontSize: MediaQuery.of(context).size.width * .05,
              color: Colors.black,
              fontWeight: FontWeight.bold,
            ),
            bodyMedium: TextStyle(
              color: Colors.white,
              fontWeight: FontWeight.bold,
              //fontSize: MediaQuery.of(context).size.height * .025,
            ),
            bodySmall: TextStyle(
              color: Colors.white70,
              //fontSize: MediaQuery.of(context).size.height * .02,
            ),
          ),
        ),
      );
}

/// Stateful part of the widget.
class MyHomePage extends StatelessWidget {
  /// Constructor
  const MyHomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) => Scaffold(
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              Text(
                "Title",
                style: SpaceJamTextStyles.title(context),
              ),
              Text(
                "Subtitle",
                style: SpaceJamTextStyles.titleSmall(context),
              ),
              Text(
                "Headline",
                style: SpaceJamTextStyles.headline(context),
              ),
              Text(
                "Subheading",
                style: SpaceJamTextStyles.headlineSmall(context),
              ),
              Text(
                "Body",
                style: SpaceJamTextStyles.bodyMedium(
                  context,
                  color: Colors.black,
                ),
              ),
              Text(
                "Caption",
                style: SpaceJamTextStyles.bodySmall(
                  context,
                  color: Colors.black,
                ),
              ),
              Button(
                valueFontSize: 32,
                titleFontSize: 24,
                title: "Test",
                value: "ImageViewer",
                background: Colors.blue,
                action: () {
                  Navigator.push(
                    context,
                    MaterialPageRoute<Widget>(
                      builder: (BuildContext context) => ImagePage(
                        locale: const Locale("en"),
                        image: Image.network(
                          "https://assets.4cdn.hu/kraken/6pI26jBO69hwv9c6s.jpeg",
                        ),
                        imageURL:
                            "https://assets.4cdn.hu/kraken/6pI26jBO69hwv9c6s.jpeg",
                      ),
                    ),
                  );
                },
              ),
            ],
          ),
        ),
      );
}