google_ui 1.1.0 google_ui: ^1.1.0 copied to clipboard
Flutter UI library using Material Design 2.0.
Google UI #
Flutter UI library using Material Design 2.0.
Google UI is Flutter open-source UI library using Material Design 2.0 with many pre-built widgets to make Flutter development easier and faster.
Screenshots #
Light mode | Dark Mode |
---|---|
Get the package #
To use this package as a library, pub.dev
Font family #
Google UI use Poppins as main font family.
- Download Poppins
- Import font to
pubspec.yaml
fonts:
- family: Poppins
fonts:
- asset: fonts/Poppins/Poppins-Light.ttf
- asset: fonts/Poppins/Poppins-LightItalic.ttf
weight: 300
- asset: fonts/Poppins/Poppins-Regular.ttf
- asset: fonts/Poppins/Poppins-Italic.ttf
weight: 400
- asset: fonts/Poppins/Poppins-Medium.ttf
- asset: fonts/Poppins/Poppins-MediumItalic.ttf
weight: 500
Apply the theme to the app #
import 'package:google_ui/google_ui.dart';
...
class App extends StatelessWidget {
@override
Widget build(BuildContext context) {
const theme = GoogleTheme();
return MaterialApp(
title: 'Google UI',
theme: GoogleThemeGenerator.generate(),
darkTheme: GoogleThemeGenerator.generateDark(),
home: const HomePage(),
);
}
}
Usage #
All Google UI class has Google
prefix e.g GoogleButton
Available class #
- GoogleTheme (Deprecated)
- GoogleThemeGenerator
Available widget #
- GoogleAppBar
- GoogleBottomBar
- GoogleButton
- GoogleCalendarTimeline
- GoogleCalendar (Deprecated)
- GoogleConditional
- GoogleDateTextFormField
- GoogleDialog
- GoogleDrawer
- GoogleErrorMessage
- GoogleGrid
- GoogleGridBuilder
- GoogleGroupedDrawer
- GoogleIconButton
- GooglePopupMenuButton
- GoogleSearchAppBar
- GoogleSectionTitle
- GoogleSelectBox
- GoogleSwitch
- GoogleTextFormField
- GoogleText
Available util #
- GoogleColorUtil