Awesome

equinox

<img src="https://i.imgur.com/oMcxwZ0.png" alt="Eva Design System" height="20px" />

A Eva Design implementation in Flutter.

Screenshots

Tutorials and documentation

You can check out the documentation in here, and wiki in here.

Getting started

Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  equinox: ^0.3.3

Install it

You can install packages from the command line:

$ flutter pub get

Import it

Now in your Dart code, you can use:

import 'package:equinox/equinox.dart';

Setup

You have to replace MaterialApp or CupertinoApp with EquinoxApp.

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return EquinoxApp(
      theme: EqThemes.defaultLightTheme,
      title: 'Flutter Demo',
      home: HomePage(),
    );
  }
}

Then, instead of a Scaffold you have to use EqLayout.

@override
Widget build(BuildContext context) {
  return EqLayout(
    appBar: EqAppBar(
      centerTitle: true,
      title: 'Auth test',
      subtitle: 'v0.0.3',
    ),
    child: MyBody(),
  );
}

Use it

Every widget in Equinox is prefixed with Eq. For example, EqButton, EqTabs, etc.

EqButton(
  appearance: WidgetAppearance.ghost,
  onTap: () {},
  label: 'Log in',
  size: WidgetSize.large,
  status: WidgetStatus.primary,
),

Customization

Customization is done using stylist. I will write a guide on styling your app soon.

Other Eva Design implementations

• Angular
• React Native

Icons

The Eva Icons Flutter package is already integrated into Equinox, so you can use it right away by using EvaIcons.

Credits

• Eva Design Team: Repository

Contact me

E-Mail: kk.erzhan@gmail.com