unicorndial 1.1.1

  • README.md
  • Example
  • Installing
  • Versions
  • new88


Easily create your own floating action button list

alt text

alt text


Add UnicornDialer to your pubspec.yaml

unicorndial: "^1.1.1"


UnicornDialer class

int orientation - Vertical or horizontal floating button list

Object parentHeroTag - Main FAB hero tag

Color backgroundColor - Modal background color

Icon parentButton - Starting Icon

Icon finalButtonIcon - Ending Icon (after animation is complete)

bool hasBackground - Background modal is set

Color parentButtonBackground - The main floating button background color

List<UnicornButton> childButtons Floating button list

int animationDuration Rotation and expanding animation duration (in milliseconds)

double childPadding - Right padding on the button label

Function onMainButtonPressed - To be called if set on the UnicornDialer parent widget

UnicornButton class

FloatingActionButton currentButton - Floating list button

String labelText

double labelFontSize

Color labelColor

Color labelBackgroundColor

Color labelShadowColor - Label container shadow

bool labelHasShadow

bool hasLabel


Tiago Martins


This project is licensed under the MIT License - see the LICENSE.md file for details

[0.0.1] - TODO: Add release date.

  • TODO: Describe initial release.


import 'package:flutter/material.dart';
import 'package:unicorndial/unicorndial.dart';

void main() =>
    runApp(new MaterialApp(debugShowCheckedModeBanner: false, home: Example()));

class Example extends StatefulWidget {
  _Example createState() => _Example();

class _Example extends State<Example> {
  Widget build(BuildContext context) {
    var childButtons = List<UnicornButton>();

        hasLabel: true,
        labelText: "Choo choo",
        currentButton: FloatingActionButton(
          heroTag: "train",
          backgroundColor: Colors.redAccent,
          mini: true,
          child: Icon(Icons.train),
          onPressed: () {},

        currentButton: FloatingActionButton(
            heroTag: "airplane",
            backgroundColor: Colors.greenAccent,
            mini: true,
            child: Icon(Icons.airplanemode_active))));

        currentButton: FloatingActionButton(
            heroTag: "directions",
            backgroundColor: Colors.blueAccent,
            mini: true,
            child: Icon(Icons.directions_car))));

    return Scaffold(
        floatingActionButton: UnicornDialer(
            backgroundColor: Color.fromRGBO(255, 255, 255, 0.6),
            parentButtonBackground: Colors.redAccent,
            orientation: UnicornOrientation.VERTICAL,
            parentButton: Icon(Icons.add),
            childButtons: childButtons),
        appBar: AppBar(),
        body: Center(child: RaisedButton(
          onPressed: () {
            setState(() {});

Use this package as a library

1. Depend on it

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

  unicorndial: "^1.1.1"

2. Install it

You can install packages from the command line:

with Flutter:

$ flutter packages get

Alternatively, your editor might support flutter packages get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

      import 'package:unicorndial/unicorndial.dart';
Version Uploaded Documentation Archive
1.1.1 Jul 12, 2018 Go to the documentation of unicorndial 1.1.1 Download unicorndial 1.1.1 archive
1.1.0 Jul 12, 2018 Go to the documentation of unicorndial 1.1.0 Download unicorndial 1.1.0 archive
1.0.9 Jul 9, 2018 Go to the documentation of unicorndial 1.0.9 Download unicorndial 1.0.9 archive
1.0.8 Jul 8, 2018 Go to the documentation of unicorndial 1.0.8 Download unicorndial 1.0.8 archive
1.0.7 Jul 7, 2018 Go to the documentation of unicorndial 1.0.7 Download unicorndial 1.0.7 archive
1.0.6 Jul 4, 2018 Go to the documentation of unicorndial 1.0.6 Download unicorndial 1.0.6 archive
1.0.5 Jul 4, 2018 Go to the documentation of unicorndial 1.0.5 Download unicorndial 1.0.5 archive
1.0.4 Jul 3, 2018 Go to the documentation of unicorndial 1.0.4 Download unicorndial 1.0.4 archive
1.0.3 Jul 2, 2018 Go to the documentation of unicorndial 1.0.3 Download unicorndial 1.0.3 archive
1.0.2 Jul 2, 2018 Go to the documentation of unicorndial 1.0.2 Download unicorndial 1.0.2 archive

All 14 versions...


We analyzed this package on Jul 13, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.0.0-dev.63.0
  • pana: 0.11.3
  • Flutter: 0.5.4


Describes how popular the package is relative to other packages. [more]
76 / 100
Code health derived from static analysis. [more]
100 / 100
Reflects how tidy and up-to-date the package is. [more]
100 / 100
Overall score:
Weighted score of the above. [more]
Learn more about scoring.


Detected platforms: Flutter

References Flutter, and has no conflicting libraries.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0-dev.28.0 <3.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.6 1.14.10
meta 1.1.5
sky_engine 0.0.99
typed_data 1.1.5
vector_math 2.0.6 2.0.7
Dev dependencies