grafpix 1.2.4

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

• Up-to-date huge collection of icons from multiple authors.
• Impressive growing utilities to imporove your design patterns.
• WYSIWYG preview module for Flutter in Visual Studio Code to speed up development by providing you with Visual Aid.
• Ease to deploy.

>Newly Added 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.4

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';

class Example extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[600],
      body: FutureBuilder(
          future: waitForFuture(),
          builder: (context, snapshot) {
            if (snapshot.hasData)
              // display PixButton with PixIcon when Future ends.
              return Container(
                alignment: Alignment.center,
                child: 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('Icon Pressed');
                    }),
              );
            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 < [e-mail] > if you have suggestions, please feel free to contact me any time. your feedback is highly appreciated.

License

MIT