Flutter Tutorial

A Flutter widget that provides 700+ illustrations

undraw/UnDraw

UnDraw is a Flutter widget that provides 700+ illustrations, designed by Katerina Limpitsouni and developed by westdabestdb.

Getting Started

Add this to your package's pubspec.yaml file:

...
dependencies:
  undraw: ^1.0.1

Now in your Dart code, you can use:

import 'package:undraw/undraw.dart';

Usage

UnDraw(
  color: Colors.red,
  illustration: UnDrawIllustration.mobile_application,
  placeholder: Text("Illustration is loading..."), //optional, default is the CircularProgressIndicator().
)

GitHub

A simple mobile medicine reminder made with Flutter

Admin Flutter Tutorial , Tutorial

Mediminder

An Offline Medicine Reminder Built with Flutter, Provider and BLoC pattern.

Key Features

Homepage medicine list
- Homepage containing all the registered Mediminders
Shared preference data storage
- Storing medicine objects in shared preference
- Medicine list retrieval upon application launch
- JSON encoding and decoding
Adding new Mediminder, details include:
- Medicine name
- Dosage in milligrams
- Medicine icon selection (Optional)
- Reminder interval selection
- Starting time using Time Picker
Notification reminding
- Usage of Local Notifications to display Mediminders
- Randomly-generated IDs for each notification
- Daily reminders with set intervals, based on user preference
Registeration error checking
- Name duplication check
- Empty/not specified fields check
- Medicine type is optional
Individual medicine detail page
- In-depth details about each Mediminder upon tapping
Delete a Mediminder:
- Erase the specified medicine object from shared preference and list
- Erase corresponding scheduled notifications

GitHub

A Json viewer widget for flutter

Admin Flutter Tutorial , Tutorial

flutter_json_widget

A Json viewer widget for flutter.

Using the library

The /example/ folder in the GitHub repo
contains a full Flutter app with demo examples.

GitHub

Flutter button reaction it is fully customizable widget

Admin Flutter Tutorial , Tutorial

Flutter Reaction Button

Flutter button reaction plugin . it is fully customizable widget such as Facebook reaction button

Usage

This is example Flutter Reaction Button:

FlutterReactionButton(
    onReactionChanged: (reaction) {
        print('reaction changed');
    },
    reactions: <Reaction>[
        Reaction(
            previewIcon: buildWidgetPreview(
                title: 'English',
                icon: 'united-kingdom-round.png',
            ),
            icon: buildWidget(
                icon: 'united-kingdom.png'
            ),
        ),
        Reaction(
            previewIcon: buildWidgetPreview(
                title: 'Arabic',
                icon: 'algeria-round.png',
            ),
            icon: buildWidget(
                icon: 'algeria.png'
            ),
        ),
        Reaction(
            previewIcon: buildWidgetPreview(
                title: 'German',
                icon: 'germany-round.png',
            ),
            icon: buildWidget(
                icon: 'germany.png'
            ),
        ),
        Reaction(
            previewIcon: buildWidgetPreview(
                title: 'Spanish',
                icon: 'spain-round.png',
            ),
            icon: buildWidget(
                icon: 'spain.png'
            ),
        ),
        Reaction(
            previewIcon: buildWidgetPreview(
                title: 'Chinese',
                icon: 'china-round.png',
            ),
            icon: buildWidget(
                icon: 'china.png'
            ),
        ),
    ],
    initialReaction: Reaction(
        previewIcon: buildWidgetPreview(
            title: 'English',
            icon: 'united-kingdom-round.png',
        ),
        icon: buildWidget(
            icon: 'united-kingdom.png'
        ),
    ),
    radius: 10,
    elevation: 10,
    position: Position.TOP,
    color: Colors.black.withOpacity(0.5),
    duration: Duration(milliseconds: 500),
)


This is a example Flutter Reaction Button Check ( you can also customize everything ):

FlutterReactionButtonCheck(
    onReactionChanged: (isChecked, reaction) {
        print('reaction changed $isChecked');
    },
    reaction: <Reaction>[
        Reaction(
            previewIcon: buildWidgetPreview(
                icon: 'like.gif',
            ),
            icon: buildWidget(
                icon: 'like_fill.png'
            ),
        ),
        Reaction(
            previewIcon: buildWidgetPreview(
                icon: 'love.gif',
            ),
            icon: buildWidget(
                icon: 'love.png'
            ),
        ),
        Reaction(
            previewIcon: buildWidgetPreview(
                icon: 'wow.gif',
            ),
            icon: buildWidget(
                icon: 'wow.png'
            ),
        ),
        Reaction(
            previewIcon: buildWidgetPreview(
                icon: 'haha.gif',
            ),
            icon: buildWidget(
                icon: 'haha.png'
            ),
        ),
        Reaction(
            previewIcon: buildWidgetPreview(
                icon: 'sad.gif',
            ),
            icon: buildWidget(
                icon: 'sad.png'
            ),
        ),
        Reaction(
            previewIcon: buildWidgetPreview(
                icon: 'angry.gif',
            ),
            icon: buildWidget(
                icon: 'angry.png'
            ),
        ),
    ],
    initialReaction: Reaction(
        icon: buildWidget(
            icon: 'like.png'
        ),
    ),
    selectedReaction: Reaction(
        icon: buildWidget(
            icon: 'like_fill.png'
        ),
    ),
)





GitHub




GeekAbdelouahed/flutter-reaction-button

175



Flutter reaction button plugin . it is fully customizable widget such as Facebook reaction button — Read More





Latest commit to the master branch on 7-21-2019




Download as zip