Skip to content

Instantly share code, notes, and snippets.

View BoltUIX's full-sized avatar

Bolt UIX BoltUIX

View GitHub Profile
@BoltUIX
BoltUIX / main.dart
Last active February 22, 2024 04:41
CupertinoActionSheet - An iOS-style modal bottom action sheet to choose an option among many.
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.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:41
CupertinoAlertDialog - An iOS-style alert dialog.
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.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:41
CupertinoActivityIndicator - An iOS-style activity indicator. Displays a circular 'spinner'.
import 'dart:async';
import 'package:flutter/cupertino.dart';
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:41
Open Container Transform
import 'package:animations/animations.dart';
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:41
Shared X Axis Transition
import 'package:animations/animations.dart';
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:41
Fade Through Transition - Defines a transition in which outgoing elements fade out, then incoming elements fade in and scale up.
import 'package:animations/animations.dart';
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:42
Fade Scale Transition - The fade pattern is used for UI elements that enter or exit from within the screen bounds. Elements that enter use a quick fade in and scale from 80% to 100%. Elements that exit simply fade out
import 'package:animations/animations.dart';
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 23, 2024 06:39
Launch screen - The launch screen is a user’s first experience of your app
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:43
Empty states occur when an item’s content can’t be shown.
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 23, 2024 05:53
Building adaptive apps
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(