This widget is stacked behind the toolbar and the tab bar. It's height will
be the same as the app bar's overall height.
| -| **bottom** | This widget appears across the bottom of the app bar. Typically a \[TabBar]. Only widgets that implement \[PreferredSizeWidget] can be used at the bottom of an app bar. | -| **elevation** | The z-coordinate at which to place this app bar relative to its parent. This controls the size of the shadow below the app bar. The value is non-negative. | -| **shape** | The material's shape as well its shadow. A shadow is only displayed if the \[elevation] is greater than zero. | -| **backgroundColor** | The color to change background color of the app bar's material. | -| **brightness** | The brightness of the app bar's material. Typically this is set along with \[backgroundColor], \[iconTheme], \[textTheme]. | -| **iconTheme** | The color, opacity, and size to use for app bar icons. Typically this is set along with \[backgroundColor], \[brightness], \[textTheme]. | -| **actionsIconTheme** | The color, opacity, and size to use for the icons that appear in the appbar's \[actions]. This should only be used when the \[actions] should be themed differently than the icon that appears in the app bar's \[leading] widget. | -| **textTheme** | The typographic styles to use for text in the app bar. Typically this is set along with \[brightness] \[backgroundColor], \[iconTheme]. | -| **primary** | Whether this app bar is being displayed at the top of the screen. If true, the app bar's toolbar elements and \[bottom] widget will be padded on top by the height of the system status bar. The layout of the \[flexibleSpace] is not affected by the \[primary] property. | -| **centerTitle** | Whether the title should be centered. Defaults to being adapted to the current \[TargetPlatform]. | -| **titleSpacing** |The spacing around [title] content on the horizontal axis. This spacing is applied even if there is no [leading] content or [actions]. If you want
[title] to take all the space available, set this value to 0.0.
| -| **toolbarOpacity** | How opaque the toolbar part of the app bar is. A value of 1.0 is fully opaque, and a value of 0.0 is fully transparent. | -| **bottomOpacity** | How opaque the bottom part of the app bar is. A value of 1.0 is fully opaque, and a value of 0.0 is fully transparent. | -| **preferredSize** | A size whose height is the sum of \[kToolbarHeight] and the \[bottom] widget's preferred height. \[Scaffold] uses this size to set its app bar's height. | -| **searchBar** | If true, displays search bar in the title space | +| Name | +Description | +
|---|---|
| leading + | +A widget to display before the [title] | +
| automaticallyImplyLeading + | +Controls whether we should try to imply the leading widget if null. If + true and [leading] is null, automatically try to deduce what the leading + widget should be. If false and [leading] is null, leading space is given + to [title]. If leading widget is not null, this parameter has no effect. | +
| title + | +The primary widget displayed in the app bar. Typically a [Text] widget + containing a description of the current contents of the app. | +
| actions + | +Widgets to display after the [title] widget. Typically these widgets are + [IconButton]s representing common operations. For less common operations, + consider using a [PopupMenuButton] as the last action. | +
| flexibleSpace + | +
+ This widget is stacked behind the toolbar and the tab bar. It's height + will +be the same as the app bar's overall height. + |
+
| bottom + | +This widget appears across the bottom of the app bar. Typically a [TabBar]. + Only widgets that implement [PreferredSizeWidget] can be used at the bottom + of an app bar. | +
| elevation + | +The z-coordinate at which to place this app bar relative to its parent. + This controls the size of the shadow below the app bar. The value is non-negative. | +
| shape + | +The material's shape as well its shadow. A shadow is only displayed + if the [elevation] is greater than zero. | +
| backgroundColor + | +The color to change background color of the app bar's material. | +
| brightness + | +The brightness of the app bar's material. Typically this is set along + with [backgroundColor], [iconTheme], [textTheme]. | +
| iconTheme + | +The color, opacity, and size to use for app bar icons. Typically this + is set along with [backgroundColor], [brightness], [textTheme]. | +
| actionsIconTheme + | +The color, opacity, and size to use for the icons that appear in the appbar's + [actions]. This should only be used when the [actions] should be themed + differently than the icon that appears in the app bar's [leading] + widget. | +
| textTheme + | +The typographic styles to use for text in the app bar. Typically this + is set along with [brightness] [backgroundColor], [iconTheme]. | +
| primary + | +Whether this app bar is being displayed at the top of the screen. If true, + the app bar's toolbar elements and [bottom] widget will be padded + on top by the height of the system status bar. The layout of the [flexibleSpace] + is not affected by the [primary] property. | +
| centerTitle + | +Whether the title should be centered. Defaults to being adapted to the + current [TargetPlatform]. | +
| titleSpacing + | +
+ The spacing around [title] content on the horizontal axis. This spacing + is applied even if there is no [leading] content or [actions]. If you want +[title] to take all the space available, set this value to 0.0. + |
+
| toolbarOpacity + | +How opaque the toolbar part of the app bar is. A value of 1.0 is fully + opaque, and a value of 0.0 is fully transparent. | +
| bottomOpacity + | +How opaque the bottom part of the app bar is. A value of 1.0 is fully + opaque, and a value of 0.0 is fully transparent. | +
| preferredSize + | +A size whose height is the sum of [kToolbarHeight] and the [bottom] widget's + preferred height. [Scaffold] uses this size to set its app bar's height. | +
| searchBar + | +If true, displays search bar in the title space | +
[minContentHeight] controls the minimum height of the content body.
Content body with [minContentHeight] displays only when [enableExpandableContent] is false.
It Must be greater or equal to 0. Default value is 0.
| -| **maxContentHeight** |[maxContentHeight] controls the maximum height of the content body.
It Must be greater or equal to 0. Default value is 300.
| -| **stickyHeader** |[stickyHeader] is the header of GFBottomSheet.
User can interact by swiping or tapping the [stickyHeader]
| -| **contentBody** |[contentBody] is the body of GFBottomSheet.
User can interact by swiping or tapping the [contentBody]
| -| **stickyFooter** |[stickyFooter] is the footer of GFBottomSheet.
User can interact by swiping or tapping the [stickyFooter]
| -| **stickyFooterHeight** | \[stickyFooterHeight] defines the height of GFBottomSheet's \[stickyFooter] | -| **stickyHeaderHeight** | \[stickyHeaderHeight] defines the height of GFBottomSheet's \[stickyHeader] | -| **elevation** |[elevation] controls shadow below the GFBottomSheet material.
Must be greater or equal to 0. Default value is 0.
| -| **enableExpandableContent** |[enableExpandableContent] allows [contentBody] to expand.
Default value is false.
| -| **controller** | \[controller] used to control GFBottomSheet behavior like hide/show | -| **animationDuration** |Defines the drag animation duration of the GFBottomSheet
Default value is 300.
| +| Name | +Description | +
|---|---|
| minContentHeight + | +
+ [minContentHeight] controls the minimum height of the content body. +Content body with [minContentHeight] displays only when [enableExpandableContent] + is false. +It Must be greater or equal to 0. Default value is 0. + |
+
| maxContentHeight + | +
+ [maxContentHeight] controls the maximum height of the content body. +It Must be greater or equal to 0. Default value is 300. + |
+
| stickyHeader + | +
+ [stickyHeader] is the header of GFBottomSheet. +User can interact by swiping or tapping the [stickyHeader] + |
+
| contentBody + | +
+ [contentBody] is the body of GFBottomSheet. +User can interact by swiping or tapping the [contentBody] + |
+
| stickyFooter + | +
+ [stickyFooter] is the footer of GFBottomSheet. +User can interact by swiping or tapping the [stickyFooter] + |
+
| stickyFooterHeight + | +[stickyFooterHeight] defines the height of GFBottomSheet's [stickyFooter] | +
| stickyHeaderHeight + | +[stickyHeaderHeight] defines the height of GFBottomSheet's [stickyHeader] | +
| elevation + | +
+ [elevation] controls shadow below the GFBottomSheet material. +Must be greater or equal to 0. Default value is 0. + |
+
| enableExpandableContent + | +
+ [enableExpandableContent] allows [contentBody] to expand. +Default value is false. + |
+
| controller + | +[controller] used to control GFBottomSheet behavior like hide/show | +
| animationDuration + | +
+ Defines the drag animation duration of the GFBottomSheet +Default value is 300. + |
+
Called when the user selects an item.
If the [onChanged] callback is null or the list of [DropdownButton.items] is null then the dropdown button will be disabled,
| -| **onTap** | Called when the dropdown button is tapped. | -| **style** | Defaults to the \[TextTheme.subtitle1] value of the current \[ThemeData.textTheme] of the current \[Theme]. | -| **underline** | The widget to use for drawing the drop-down button's underline. | -| **iconDisabledColor** | The color of any \[Icon] descendant of \[icon] if this button is disabled, i.e. if \[onChanged] is null. | -| **iconEnabledColor** | The color of any \[Icon] descendant of \[icon] if this button is enabled, i.e. if \[onChanged] is defined. | -| **iconSize** | The size to use for the drop-down button's down arrow icon button. | -| **isDense** | Reduce the button's height. | -| **isExpanded** | Set the dropdown's inner contents to horizontally fill its parent. | -| **itemHeight** | defines the height of the menu items | -| **focusColor** | The color for the button's \[Material] when it has the input focus. | -| **dropdownColor** | Defines the background color of the dropdown. | -| **borderRadius** | Defines the border radius of the dropdown. | -| **dropdownButtonColor** | Defines the background color of the dropdownButton. | -| **autofocus** |On true state it should focus itself if nothing else is already focused.
Defaults to false
| -| **focusNode** | Defines the keyboard focus for this widget. | +| Name | +Description | +
|---|---|
| icon + | +The widget to use for the drop-down button's icon. Defaults to an + [Icon] with the [Icons.arrow_drop_down] glyph. | +
| elevation + | +The z-coordinate at which to place the menu when open. | +
| value + | +The value of the currently selected [DropdownMenuItem]. | +
| border + | +Defines the border of dropdown button | +
| padding + | +Defines the padding given inside the dropdown | +
| hint + | +A placeholder widget that is displayed by the dropdown button. | +
| disabledHint + | +A message to show when the dropdown is disabled. | +
| onChanged + | +
+ Called when the user selects an item. +If the [onChanged] callback is null or the list of [DropdownButton.items] + is null then the dropdown button will be disabled, + |
+
| onTap + | +Called when the dropdown button is tapped. | +
| style + | +Defaults to the [TextTheme.subtitle1] value of the current [ThemeData.textTheme] + of the current [Theme]. | +
| underline + | +The widget to use for drawing the drop-down button's underline. | +
| iconDisabledColor + | +The color of any [Icon] descendant of [icon] if this button is disabled, + i.e. if [onChanged] is null. | +
| iconEnabledColor + | +The color of any [Icon] descendant of [icon] if this button is enabled, + i.e. if [onChanged] is defined. | +
| iconSize + | +The size to use for the drop-down button's down arrow icon button. | +
| isDense + | +Reduce the button's height. | +
| isExpanded + | +Set the dropdown's inner contents to horizontally fill its parent. | +
| itemHeight + | +defines the height of the menu items | +
| focusColor + | +The color for the button's [Material] when it has the input focus. | +
| dropdownColor + | +Defines the background color of the dropdown. | +
| borderRadius + | +Defines the border radius of the dropdown. | +
| dropdownButtonColor + | +Defines the background color of the dropdownButton. | +
| autofocus + | +
+ On true state it should focus itself if nothing else is already focused. +Defaults to false + |
+
| focusNode + | +Defines the keyboard focus for this widget. | +
defines dropdown ListTile's checkbox border color when its active
type of [Color] used to change the border color of the active checkbox
| -| **inactiveBorderColor** |defines dropdown ListTile's checkbox border color when its inactive
type of [Color] used to change the border color of the inactive checkbox
| -| **activeIcon** |defines dropdown ListTile's checkbox's active icon
type of [Widget] used to change the checkbox's active icon
| -| **inactiveIcon** |defines dropdown ListTile's checkbox's inactive icon
type of [Widget] used to change the checkbox's inactive icon
| -| **customBgColor** | type of \[Color] used to change the background color of the custom active checkbox only | -| **selected** | To have the list tile appear selected when the checkbox is checked, pass the same value to both. Normally, this property is left to its default value, false. | -| **dropdownBgColor** | defines the background color of the dropdown. Can be given \[Color] or \[GFColors] | +### **GF Flutter Multiselect** Custom Properties + +The look and feel of the **GFMultiselect** can be customized using the **GFMultiselect** properties. + +| Name | +Description | +
|---|---|
| items + | +defines the list of items the user can select | +
| onSelect + | +callback when user select item from the dropdown, in callback we get list + of selected items index | +
| dropdownTitleTileText + | +type of [String] to define the dropdownTitleTile title | +
| dropdownTitleTileTextStyle + | +type of [TextStyle] to define the textStyle of [dropDownTitleTileText] | +
| dropdownTitleTileHintText + | +type of [String] to define the dropdownTitleTile hint text | +
| dropdownTitleTileHintTextStyle + | +type of [TextStyle] to define the textStyle of [dropDownTitleTileHintTextStyle] | +
| dropdownTitleTileBorderRadius + | +defines the border radius of the dropdownTitleTile | +
| dropdownTitleTileBorder + | +defines the border of the dropdownTitleTile. | +
| dropdownTitleTileColor + | +defines the background color of dropdownButton | +
| hideDropdownUnderline + | +on true state, it hides the Dropdown Underline border defaults value is + false | +
| dropdownUnderlineBorder + | +defines the border of the Dropdown Underline border | +
| dropdownTitleTileMargin + | +defines the dropdownTitleTile margin | +
| dropdownTitleTilePadding + | +defines the dropdownTitleTile padding | +
| expandedIcon + | +defines the dropdownTitleTile's trailing icon when dropdown is visible | +
| collapsedIcon + | +defines the dropdownTitleTile's trailing icon when dropdown is not + visible | +
| submitButton + | +defines the button in the dropdown | +
| color + | +defines dropdown checkbox ListTile's background color. Can be given + [Color] or [GFColors] | +
| avatar + | +type of [Widget] or [GFAvatar] used to defines dropdown checkbox ListTile's + leading | +
| margin + | +defines the margin of dropdown checkbox ListTile | +
| padding + | +defines the padding of dropdown checkbox ListTile | +
| type + | +defines dropdown ListTile's checkbox type type of [GFCheckboxType] + which is of four type is basic, sqaure, circular and custom | +
| size + | +defines dropdown ListTile's checkbox size type of [double] which + is GFSize ie, small, medium and large and can use any double value | +
| activeBgColor + | +defines dropdown ListTile's checkbox background color when its active + type of [Color] used to change the backgroundColor of the active checkbox | +
| inactiveBgColor + | +defines dropdown ListTile's checkbox background color when its inactive + type of [Color] used to change the backgroundColor of the inactive checkbox | +
| activeBorderColor + | +
+ defines dropdown ListTile's checkbox border color when its active +type of [Color] used to change the border color of the active checkbox + |
+
| inactiveBorderColor + | +
+ defines dropdown ListTile's checkbox border color when its inactive +type of [Color] used to change the border color of the inactive checkbox + |
+
| activeIcon + | +
+ defines dropdown ListTile's checkbox's active icon +type of [Widget] used to change the checkbox's active icon + |
+
| inactiveIcon + | +
+ defines dropdown ListTile's checkbox's inactive icon +type of [Widget] used to change the checkbox's inactive icon + |
+
| customBgColor + | +type of [Color] used to change the background color of the custom active + checkbox only | +
| selected + | +To have the list tile appear selected when the checkbox is checked, pass + the same value to both. Normally, this property is left to its default + value, false. | +
| dropdownBgColor + | +defines the background color of the dropdown. Can be given [Color] or + [GFColors] | +
Whether this list tile is interactive. If false, this list tile is styled with the disabled color from the current [Theme] and the [onTap] and [onLongPress] callbacks are
inoperative.
| -| **onTap** | Called when the user taps this list tile. Inoperative if \[enabled] is false. | -| **onLongPress** | Called when the user long-presses on this list tile. Inoperative if \[enabled] is false. | -| **selected** |If this tile is also [enabled] then icons and text are rendered with the same color.
By default the selected color is the theme's primary color. The selected color can be overridden with a [ListTileTheme].
| -| **focusColor** | The color for the tile's \[Material] when it has the input focus. | -| **hoverColor** | The color for the tile's \[Material] when a pointer is hovering over it. | +| Name | +Description | +
|---|---|
| type + | +type of [GFRadioType] which is of four types is basic, suaure, circular, + and custom | +
| size + | +type of [double] which is GFSize ie, small, medium, and large and can + use any double value | +
| radioColor + | +type pf [Color] used to change the checkcolor when the radio button is + active | +
| activeBgColor + | +type of [Color] used to change the backgroundColor of the active radio + button | +
| inactiveBgColor + | +type of [Color] used to change the backgroundColor of the inactive radio + button | +
| activeBorderColor + | +type of [Color] used to change the border color of the active radio button | +
| inactiveBorderColor + | +type of [Color] used to change the border color of the inactive radio + button | +
| onChanged + | +Called when the user checks or unchecks the radio button | +
| position + | +allows the user to set the position of the radiobutton to start or end | +
| activeIcon + | +type of Widget used to change the radio button's active icon | +
| inactiveIcon + | +type of [Widget] used to change the radio button's inactive icon | +
| customBgColor + | +type of [Color] used to change the background color of the custom active + radio button only | +
| autofocus + | +on true state, this widget will be selected as the initial focus when + no other node in its scope is currently focused | +
| focusNode + | +an optional focus node to use as the focus node for this widget. | +
| value + | +The value represented by this radio button. | +
| groupValue + | +The currently selected value for a group of radio buttons. Radio button + is considered selected if its [value] matches the [groupValue]. | +
| toggleable + | +sets the radio value | +
| titleText + | +type of [String] used to pass text, alternative to title property and + gets higher priority than the title | +
| subTitleText + | +type of [String] used to pass text, alternative to subtitle property and + gets higher priority than the subtitle | +
| color + | +The GFListTile's background color. Can be given [Color] or [GFColors] | +
| avatar + | +type of [Widget] or [GFAvatar] used to create a rounded user profile | +
| title + | +The title to display inside the [GFListTile]. | +
| subTitle + | +The subtitle to display inside the [GFListTile]. | +
| description + | +The description to display inside the [GFListTile]. | +
| icon + | +The icon to display inside the [GFListTile]. | +
| margin + | +defines the margin of GFListTile | +
| padding + | +defines the padding of GFListTile | +
| enabled + | +
+ Whether this list tile is interactive. If false, this list tile is styled + with the disabled color from the current [Theme] and the [onTap] and [onLongPress] + callbacks are +inoperative. + |
+
| onTap + | +Called when the user taps this list tile. Inoperative if [enabled] is + false. | +
| onLongPress + | +Called when the user long-presses on this list tile. Inoperative if [enabled] + is false. | +
| selected + | +
+ If this tile is also [enabled] then icons and text are rendered with the + same color. +By default the selected color is the theme's primary color. The selected + color can be overridden with a [ListTileTheme]. + |
+
| focusColor + | +The color for the tile's [Material] when it has the input focus. | +
| hoverColor + | +The color for the tile's [Material] when a pointer is hovering over + it. | +
On state true, the [stickyContent] will overlap the [content].
Only works when direction is [Axis.vertical]. Default set to false.
| -| **stickyContentPosition** |[GFPosition] allows to [stickyContentPosition] to stick at top in [Axis.vertical] and stick at start in [Axis.horizontal]
Defaults to [GFPosition.start]
| -| **callback** | Allows to add custom stickyHeader stuck offset value | -| **direction** |[direction] allows children to align in vertical / horizontal way
Defaults to [Axis.vertical]
| -| **stickyContentBuilder** | builder widget can be used to define \[stickyContentBuilder]. | +| Name | +Description | +
|---|---|
| stickyContent + | +widget can be used to define [stickyContent] | +
| content + | +widget can be used to define [content]. | +
| enableHeaderOverlap + | +
+ On state true, the [stickyContent] will overlap the [content]. +Only works when direction is [Axis.vertical]. Default set to false. + |
+
| stickyContentPosition + | +
+ [GFPosition] allows to [stickyContentPosition] to stick at top in [Axis.vertical] + and stick at start in [Axis.horizontal] +Defaults to [GFPosition.start] + |
+
| callback + | +Allows to add custom stickyHeader stuck offset value | +
| direction + | +
+ [direction] allows children to align in vertical / horizontal way +Defaults to [Axis.vertical] + |
+
| stickyContentBuilder + | +builder widget can be used to define [stickyContentBuilder]. | +