# GF Toggle

GW Toggle Banner

# Toggle Info

# Usage

The simple toggle code is as shown below.

import 'package:getwidget/getwidget.dart';

 GFToggle(
    onChanged: (val){},
    value: null,
 )

# Types of Toggle

There are four types ie, android, ios, square and custom. The default toggle is a android toggle

# IOS Toggle

IOS Toggle

The below code shows a simple ios toggle

import 'package:getwidget/getwidget.dart';

 GFToggle(
    onChanged: (val){},
    value: null,
    type: GFToggleType.ios,
 )

# Square Toggle

Square Toggle

The below code shows a simple square toggle

import 'package:getwidget/getwidget.dart';

 GFToggle(
    onChanged: (val){},
    value: null,
    type: GFToggleType.square,
 )

# Custom Toggle

Custom Toggle

The custom toggle can be used to add the text to the on/off state . The default text is ON and OFF Below is a simple code for custom toggle

import 'package:getwidget/getwidget.dart';

GFToggle(
   onChanged: null,
   value: null,
   type: GFToggleType.custom,
 ),

# Custom Properties

enabledText type of [String] used to add custom text i.e, ON, ENABLE
disabledText type of [String] used to add custom text i.e, OFF, DISABLE
enabledTextStyle type of [TextStyle] used to define the style properties of enabled text
disabledTextStyle type of [TextStyle] used to define the style properties of disabled text
enabledThumbColor color used for the active thumb color
disabledThumnbColor color used for the disabled thumb color
enabledTrackColor color used for the active track color
disabledTrackColor color used for the disabled track color
boxShape type of [BoxShape] ie , circle, rectangle used to change the shape of the thumb, default shape is circle
borderRadius borderRadius should be given zero for a ios toggle to make it a square toggle with boxshape as rectangle
duration animation duration called when the switch animates during the specific time elapse
Last Updated: 10/23/2020, 4:54:08 PM