flutter_buttons

Ready-made various button styles for Flutter.

Various buttons

Finished App

Usage

Use raised button:

    KRaisedButton(
        radius: 30.0,
        color: Colors.teal,
        text: 'Raised Button',
        textColor: Colors.white,
        textFontWeight: FontWeight.bold,
        onPressed: () => {},
    ),

Use outline button:

    KOutlineButton(
        radius: 30.0,
        borderColor: Colors.teal,
        text: 'Outline Button',
        textColor: Colors.teal,
        textFontWeight: FontWeight.bold,
        onPressed: () => {},
    ),

Use flat button:

    KFlatButton(
        radius: 30.0,
        color: Colors.teal,
        text: 'Flat Button',
        textColor: Colors.white,
        textFontWeight: FontWeight.bold,
        onPressed: () => {},
    ),

Use custom button with gradient:

    GradientButton(
        buttonColorGradient: [ Colors.teal.shade100, Colors.teal.shade900 ],
        buttonBorderColor: Colors.teal,
        buttonText: 'Custom button',
        buttonTextColor: Colors.white,
        highlightColor: Colors.white30,
        splashColor: Colors.white,
        onPressed: () {},
    )

Use selected button:

    SelectedButton(
        radius: 30.0,
        unselectedButtonColor: Colors.white,
        selectedButtonColor: Colors.teal,
        text: 'Selected Button',
        unselectedTextColor: Colors.teal,
        selectedTextColor: Colors.white,
        textFontWeight: FontWeight.bold,
        iconData: Icons.email,
        unselectedIconColor: Colors.teal,
        selectedIconColor: Colors.white,
        onPressed: () {},
    ),

Getting Started

For help getting started with Flutter, view our online documentation.

For help on editing package code, view the documentation.

Libraries

flutter_buttons