Gf dropdown

example/pubspec.lock

@@ -261,4 +261,4 @@ packages:
     version: "4.2.0"
 sdks:
   dart: ">=2.9.0-14.0.dev <3.0.0"
-  flutter: ">=1.18.0-6.0.pre <2.0.0"
+  flutter: ">=1.18.0-6.0.pre <2.0.0"

lib/components/card/gf_card.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
+
 import 'package:getwidget/getwidget.dart';
 
 /// A material design card. A card has slightly rounded corners and a shadow.

lib/components/dropdown/gf_dropdown.dart

@@ -0,0 +1,151 @@
+import 'package:flutter/material.dart';
+
+class GFDropdown<T> extends StatefulWidget {
+  GFDropdown(
+      {Key key,
+      @required this.items,
+      this.icon,
+      this.selectedItemBuilder,
+      this.value,
+      this.hint,
+      this.disabledHint,
+      @required this.onChanged,
+      this.onTap,
+      this.elevation = 8,
+      this.style,
+      this.underline,
+      this.iconDisabledColor,
+      this.iconEnabledColor,
+      this.iconSize = 24.0,
+      this.isDense = false,
+      this.isExpanded = false,
+      this.itemHeight = kMinInteractiveDimension,
+      this.focusColor,
+      this.focusNode,
+      this.autofocus = false,
+      this.dropdownColor,
+      this.padding = const EdgeInsets.all(5),
+      this.borderRadius = const BorderRadius.all(Radius.circular(4)),
+      this.borderColor});
+
+  DropdownButtonBuilder selectedItemBuilder;
+  final List<DropdownMenuItem<T>> items;
+
+  /// The widget to use for the drop-down button's icon.
+  ///
+  /// Defaults to an [Icon] with the [Icons.arrow_drop_down] glyph.
+  final Widget icon;
+
+  /// The z-coordinate at which to place the menu when open.
+  final int elevation;
+
+  /// The value of the currently selected [DropdownMenuItem].
+  final T value;
+
+  /// the color of the border of the dropdown button
+  final Color borderColor;
+
+  ///The padding given inside the dropdown
+  final EdgeInsets padding;
+
+  /// A placeholder widget that is displayed by the dropdown button.
+  final Widget hint;
+
+  /// A message to show when the dropdown is disabled.
+  final Widget disabledHint;
+
+  /// 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,
+  final ValueChanged<T> onChanged;
+
+  /// Called when the dropdown button is tapped.
+  final VoidCallback onTap;
+
+  /// Defaults to the [TextTheme.subtitle1] value of the current
+  /// [ThemeData.textTheme] of the current [Theme].
+  final TextStyle style;
+
+  /// The widget to use for drawing the drop-down button's underline.
+  final Widget underline;
+
+  /// The color of any [Icon] descendant of [icon] if this button is disabled,
+  /// i.e. if [onChanged] is null.
+  final Color iconDisabledColor;
+
+  /// The color of any [Icon] descendant of [icon] if this button is enabled,
+  /// i.e. if [onChanged] is defined.
+  final Color iconEnabledColor;
+
+  /// The size to use for the drop-down button's down arrow icon button.
+  final double iconSize;
+
+  /// Reduce the button's height.
+  final bool isDense;
+
+  /// Set the dropdown's inner contents to horizontally fill its parent.
+  final bool isExpanded;
+
+  /// The default value is [kMinInteractiveDimension], which is also the minimum
+  /// height for menu items.
+  ///
+  /// If this value is null and there isn't enough vertical room for the menu,
+  final double itemHeight;
+
+  /// The color for the button's [Material] when it has the input focus.
+  final Color focusColor;
+
+  /// {@macro flutter.widgets.Focus.focusNode}
+  final FocusNode focusNode;
+
+  /// {@macro flutter.widgets.Focus.autofocus}
+  final bool autofocus;
+
+  /// The background color of the dropdown.
+  final Color dropdownColor;
+
+  /// The border radius  of the dropdown.
+  final BorderRadius borderRadius;
+
+  @override
+  _GFDropdownState createState() => _GFDropdownState();
+}
+
+class _GFDropdownState extends State<GFDropdown> {
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+        child: Container(
+            padding: widget.padding,
+            decoration: BoxDecoration(
+                borderRadius: widget.borderRadius,
+                border: Border.all(
+                    color: widget.borderColor != null
+                        ? widget.borderColor
+                        : Colors.white)),
+            child: DropdownButton(
+
+              items: widget.items,
+              selectedItemBuilder: widget.selectedItemBuilder,
+              value: widget.value,
+              hint: widget.hint,
+              disabledHint: widget.disabledHint,
+              onChanged: widget.onChanged == null ? null : widget.onChanged,
+              onTap: widget.onTap,
+              elevation: widget.elevation,
+              style: widget.style,
+              icon: widget.icon,
+              iconDisabledColor: widget.iconDisabledColor,
+              iconEnabledColor: widget.iconEnabledColor,
+              iconSize: widget.iconSize,
+              isDense: widget.isDense,
+              isExpanded: widget.isExpanded,
+              itemHeight: widget.itemHeight,
+              focusColor: widget.focusColor,
+              focusNode: widget.focusNode,
+              autofocus: widget.autofocus,
+              dropdownColor: widget.dropdownColor,
+            )));
+  }
+}