fast_ui_kit 1.0.5 fast_ui_kit: ^1.0.5 copied to clipboard
Fast UI Kit is a UI kit for fast development of applications in flutter
import 'package:example/pages/content_builder.dart';
import 'package:example/pages/table_page.dart';
import 'package:fast_ui_kit/fast_ui_kit.dart';
import 'package:fast_ui_kit/ui/widgets/carousel.dart';
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
MyApp({super.key});
final theme = FastTheme(seed: Colors.green);
@override
Widget build(BuildContext context) {
return MaterialApp(
darkTheme: theme.dark,
theme: theme.light,
home: const HomePage(),
);
}
}
class HomePage extends StatefulWidget {
const HomePage({super.key});
@override
State<HomePage> createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: FastSearchAppBar(
title: "Fast UI Kit",
onSearch: (v) {},
),
body: FastContent(
children: [
FastAnimate(
type: FastAnimateType.fadeInDownBig,
child: FastRow(
children: [
Icon(FastIcons.maki.airport, size: 40),
Icon(FastIcons.ant.CodeSandbox, size: 40),
Icon(FastIcons.awesome.facebook_square, size: 40),
Icon(FastIcons.elico.chrome, size: 40),
],
),
),
FastCarousel(
itemCount: 30,
height: 200,
fraction: .4,
scale: .7,
itemBuilder: (c, i) {
return FastImg(path: 'https://picsum.photos/200/300?random=$i');
}),
FastColumn(
xGap: 10,
yGap: 10,
children: [
const FastFormFieldFile(
hint: 'File',
),
FastFormFieldFile(
showFileType: ShowFileType.bigIcon,
initialValue: FastFileInitialData.network(
'https://dev-gestor-fastzap.vercel.app/assets/logo-fastzapplus.png',
),
),
const FastFormFieldFile(
showFileType: ShowFileType.bigIconOrPreviewWhenImage,
accepts: ['pdf'],
),
FastFormFieldFile(
showFileType: ShowFileType.iconAndName,
initialValue: FastFileInitialData.network(
'https://dev-gestor-fastzap.vercel.app/assets/logo-fastzapplus.png',
),
),
FastButtonIcon(
icon: FastIcons.modernPictograms.pencil,
variant: ButtonVariant.outlined,
loading: false,
onPressed: () {
context.showMessage(
'Algo foi alterado com sucesso',
title: 'Sucesso',
type: MessageVariant.success,
position: MessagePosition.top,
style: Style.flat,
);
},
),
FastButton(
label: 'Confirmar',
loading: true,
variant: ButtonVariant.outlined,
onPressed: () {
context.showMessage(
'Algo deu errado',
title: 'Erro',
position: MessagePosition.bottom,
type: MessageVariant.error,
style: Style.raised,
);
},
),
const Row(
children: [
SizedBox(width: 50, child: FastSkeleton(radius: 100)),
SizedBox(width: 10),
Expanded(child: FastSkeleton()),
],
),
const FastRow(
children: [
FastImg(
path: 'https://github.com/welitonsousa.png',
width: 60,
),
FastAvatar(path: 'https://github.com/welitonsousa.png'),
],
),
FastFormField(
minLines: 1,
label: "CPF",
validator: Mask.validations.cpf,
mask: [
Mask.cpf(),
],
),
FastFormField(
label: "Value",
mask: [Mask.money()],
),
FastAnimate(
type: FastAnimateType.fadeInLeftBig,
duration: const Duration(seconds: 1),
child: Text('Text H1', style: context.H1),
),
Text('Text H2', style: context.H2),
Text('Text H3', style: context.H3),
Text('Text H4', style: context.H4),
Text('Text H5', style: context.H5),
Text('Text H6', style: context.H6),
Text('Text P - Paragraph', style: context.p),
FastButton(
label: 'go to list builder',
onPressed: () {
context.push(const PageContent());
},
),
const FastButton(
label: 'File Picker',
onPressed: FastPickerService.picker,
),
FastDropDown(
items: const [1, 2, 3, 4],
hint: 'Selecione o numero',
itemBuilder: (v) {
return FastRow(
children: [
Icon(FastIcons.ant.profile),
Text(v.toString()),
],
);
},
),
FastButtonGroup<String>(
callback: (v) {},
values: const ['Test 1', 'Test 2', 'Test 3', 'Test 4'],
initial: const [],
),
const Divider(),
FastButtonGroup<String>(
callback: (v) {},
multiple: false,
values: const ['Test 1', 'Test 2', 'Test 3', 'Test 4'],
initial: const [],
),
FastButton(
label: 'table page',
onPressed: () {
context.push(const TablePage());
},
),
const FastCalendar(
rangeMode: true,
),
const FastAudio(
url:
'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3'),
FastButton(
label: 'Dialog',
onPressed: () {
context.dialog(
FastDialog(
title: 'Help',
children: [
const Text('Dialog'),
const Text('Dialog'),
const Text('Dialog'),
const FastAudio(
url:
'https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3'),
FastButton(
label: 'Cancel',
onPressed: context.pop,
background: Colors.red,
),
],
),
);
setState(() {});
},
)
],
),
],
),
);
}
}