grafpix 1.2.8 grafpix: ^1.2.8 copied to clipboard
Huge collection of icons and gadgets utilized and ready for flutter projects.
Grafpix #
A growing Flutter Package
consist of a huge collection of rectified icons and essential utilities that grant you outstanding user experience in no time.
Features #
- Huge collection of icons from multiple authors.
- Impressive growing utilities to improve your design patterns.
WYSIWYG
preview module forFlutter
inVisual Studio Code
to speed up development by providing you withVisual Aid
.- Ease to deploy.
Newly Added >
PixMedal #
A Unique Medal Buttons with engraved icons of your choise, the varaieties are Gold, Silver & Bronze Medals.
PixButtons #
A Stunning Glass-Like Buttons
with fully customized properties.
A huge iconset of +2500
Icons #
- 1403 Icons from FontAwsome 5.12.
- 336 Icons from Stephen Hutchings.
- 467 Icons from CaptainIcon.
- 491 Clean pix icons.
PixLoaders #
used to simulate Future progress indicators.
LoaderType | Output |
---|---|
Flashing | |
Spinner | |
Rocks |
Installation #
In your pubspec.yaml
under dependencies
add the following line:
dependencies:
grafpix: ^1.2.8
From your Terminal
, run the following code:
flutter pub get
Example #
PixIcon and PixLoader example
import 'package:flutter/material.dart';
import 'package:grafpix/icons.dart';
import 'package:grafpix/pixloaders/pix_loader.dart';
import 'package:grafpix/pixbuttons/radial.dart';
import 'package:grafpix/pixbuttons/medal.dart';
class Example extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.grey[900],
body: FutureBuilder(
future: waitForFuture(),
builder: (context, snapshot) {
if (snapshot.hasData)
// display PixButton with PixIcon when Future ends.
return Container(
alignment: Alignment.center,
child: Column(mainAxisSize: MainAxisSize.min, children: [
PixButton(
radius: 70.0,
icon: PixIcon.pix_android, //PixIcon
iconSize: 50.0,
iconColor: Colors.white,
backgroundColor: Colors.blue,
shutter: 0.6,
twinkles: true,
onPress: () {
print('PixButton Pressed');
}),
SizedBox(height: 20.0),
PixMedal(
icon: PixIcon.shopware,
medalType: MedalType.Gold,
radius: 70.0,
iconSize: 60.0,
)
]));
else
// display PixLoader while Future in progress.
return PixLoader(
loaderType: LoaderType.Flashing, faceColor: Colors.white70);
}),
);
}
}
// Simulates a future call with 5 seconds delay.
Future waitForFuture() async {
await Future.delayed(Duration(seconds: 5));
return true;
}
Author
Ahmed Mustafa < ahmed.dev2020@gmail.com > if you have suggestions, please feel free to contact me any time. your feedback is highly appreciated.
License #
MIT