Skip to content

Instantly share code, notes, and snippets.

View BoltUIX's full-sized avatar

Bolt UIX BoltUIX

131 followers · 16 following
View GitHub Profile
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 04:51
Elevation is the distance between two surfaces on the z-axis.
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 04:51
Typography - Definitions for the various typographical styles found in Material Design.
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 04:51
Navigation transitions - occur when users move between screens, such as from a home screen to a detail screen
import 'dart:math';
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 04:51
Badges show notifications, counts, or status information on navigation items and icons.
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 04:51
Lists - Lists are continuous, vertical indexes of text and images
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 04:51
Grid lists - Row and column layout.
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 05:04
Bottom sheet Persistent can offer an expansion option where the sheet is fully raised and toggled between a collapsed and expanded state. This provides a more predictable footprint of the sheet, and can be set by the system or toggled by the user.
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 05:04
Bottom sheet Modal - Like dialogs, modal bottom sheets appear in front of app content, disabling all other app functionality when they appear, and remaining on screen until confirmed, dismissed, or a required action has been taken.
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 05:04
Dialogs provide important prompts in a user flow
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 05:04
Dialog Licenses - This is a dialog box with the application's icon, name, version number, and copyright, plus a button to show licenses for software used by the application.
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {