GF Flutter Standard Button

Default button shape set to GFButtonShape.standard so that we will able to get standard shaped button with solid background color with slightly rounded corners.

Solid Button

By default, button type set to Flutter Solid ButtonGFButtonType.solid so, we able to get buttons have a solid background color with slightly rounded corners.

The callback that is called when the button is tapped. By adding callback to onPressed enables the button.

 import 'package:getwidget/getwidget.dart';

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

Disabled Button

If this callback and onPressed are null, then the button will be disabled. Default GFButton will be disabled because, onPressed set to null.

import 'package:getwidget/getwidget.dart';

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

Transparent Button

In GFButton by adding type GFButtonType.transparent, we able to get transparent button. Default GFButton type will be GFButtonType.solid.

import 'package:getwidget/getwidget.dart';

GFButton(
    onPressed: (){},
    text: "primary",
    type: GFButtonType.transparent,
 ),

Block Button

Block button specify how wide the button should be. By setting blockButton state true, it will change the button to a full-width block with rounded corners. Default blockButton set to false.

import 'package:getwidget/getwidget.dart';

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

Full Width Button

Full Width button specify how wide the button should be. By setting fullWidthButton state true, it will change the button to a Full-width button with rounded corners and no border on the left or right. Default fullWidthButton set to false.

import 'package:getwidget/getwidget.dart';

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

Button Size

Button size can be varied using size property, which specifies the size of the button. Default button size set to GFSize.MEDIUM.

import 'package:getwidget/getwidget.dart';

GFButton(
    onPressed: (){},
    text: "primary",
    size: GFSize.SMALL,
 ),

Outline Button

Outline Button describes as the Button with a transparent background and a visible border. This button can be easily get in GFButton by adding type as GFButtonType.outline.

import 'package:getwidget/getwidget.dart';

GFButton(
    onPressed: (){},
    text: "primary",
    type: GFButtonType.outline,
 ),

Above mentioned all the properties like size, blockButton, fullWidthButton, enabling and disabling of button works fine in Outline Button also.

Outline2x Button

Outline2x Button describes as the Button with a transparent background and a visible border with 2x border-width. This button can be easily get in GFButton by adding type as GFButtonType.outline2x.

import 'package:getwidget/getwidget.dart';

GFButton(
    onPressed: (){},
    text: "primary",
    type: GFButtonType.outline2x,
 ),

Above mentioned all the properties like size, blockButton, fullWidthButton, enabling and disabling of button works fine in Outline2x Button also.