Flutter Button Widget:

Button is one of most common way to build a call-to-action in your application. Flutter button widget allows to build an awesome button that help you perform a call-to-action based on your application requirement and users need. Flutter button has many variant that help you design a nice compatible button based on your Flutter app design to provide best user experience on perform a particular action.

What is GFButton?

GFButton is a Flutter Button Widgets component that allows a submit call-to-action element in your app that perform a clickable request based on your app's call-to-action. So if your Flutter applications have a submit action then this button component will help you out to build an awesome button with less hustle that will incorporate with your application.

Buttons are the most commonly used component for MOBILE and WEB apps development. Button helps us to submit a form data, used as a link, page routing, functional events & many more places wherever needed. Keeping the multi use of buttons in our mind, we at GetWidget have developed GFButton component for flutter mobile/web apps. GFButton has a huge range of pre-designed buttons that can be used for Flutter app development.

GF Button Variant and Examples

Using GFButton in your app for building a nice Flutter Button Widget is quite easy & simple as we have developed the component for developers to use & so it must be developer friendly to implement the component in apps. GetWidget open-source UI library is build to make flutter development easier & faster for developers point of view. Let's start playing with the GetWidget library to create beautiful flutter applications.

Let us see how to use a Button component in the flutter app using GetWidget library :

Getting Start

Getting started will guide you how to start building a beautiful flutter application with GetWidget UI library. You have to install the package from pub.dev, import the package in your Flutter project & start building the app:

Install Package from pub.dev :

https://pub.dev/packages/getwidget

Import full package:

import 'package:getwidget/getwidget.dart';

Note: dependencies: getwidget: ^1.0.0

Add the below code into your file


GFButton(
    onPressed: (){},
    text: "primary",
    blockButton: true,
 ),

And here is the output.

Block Button

We have designed the buttons in different categories :

Flutter Button Example:

STANDARD BUTTON : Buttons with slightly border radius & text on it.

Standard Solid Button

There are number of variant with Standard Flutter Button. Some of the following variant that has been using commonly are:

Solid Button: It is typically a default button. Here we have a solid background color with a sightly cure with test on center. To build solid button you can check the below snippet.

  
  GFButton(
    onPressed: (){},
    text: "primary",
  ),

To use solid button you have use GFButtonType.solid. Read more about Solid button check out: https://docs.getwidget.dev/gf-button/standard-button#solid-button

Disabled Button: This Flutter button widget has been using when your app does requirement for some must filled area then only you enable call-to-action or Button then we can use disable flutter button widget. Here we set onPress value is null so that button has disabled.

Check out the below snippet for Disable Button Widget:


GFButton(
    onPressed: null,
    text: "primary",
 ),

Read more about Disable Button Widget check out doc: https://docs.getwidget.dev/gf-button/standard-button#disabled-button

PILLS BUTTON : Buttons with rounded corners & text on it.

Pills Solid Button

SQUARE BUTTON : Buttons with square corners with text on it.

Square Solid Button

ICON BUTTON : Small buttons with only icons on it.

Icon Button

SOCIAL BUTTON : Buttons with social backgrounds, names & icons.

Social Button

About Our team:

We have been working on Flutter since Flutter launched in beta version in 2017. And our team have been putting hundred and hundreds of hour to experiment and implementation of Flutter. AS well as After successful deliver enterprise and SAAS application that been using by more than 500+ business around the 119+ countries. Now we are in love with Flutter development and we are very passionate about Flutter development. Now it is something we trying to give a small contribution to the Flutter Dev Community.

We have a separate team who are working on your feedback. There are many ways through which we are interacting with users, developers & take their suggestions as it is very important to walk along with developers because they are the one who uses GetWidget library & our perspective is to make the development process easiest & simplest for them. We have been trying to provide the best UI Library Flutter Dev Community that helps them to built an awesome app and save their development time.

So let's connect together and build your idea into a real time app with GetWidget UI Library. Now you could start with our documentation from how to getting start and go with each component.

Resources:

Docs: GFButton - A Flutter Button Widget

Forum : https://forum.getwidget.dev

GitHub Repository: https://github.com/ionicfirebaseapp/getwidget