single drop down is in progress with testing

Author: shravyackm

example/lib/main.dart

@@ -20,14 +20,70 @@ class Textf extends StatefulWidget {
 }
 
 class _TextfState extends State<Textf> {
+  int _value = 1;
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      body: GFTextField(
-        decoration:
-            InputDecoration(border: InputBorder.none, hintText: 'bujnm'),
+        body: Row(children: [
+      Expanded(
+        child: Container(
+          margin: EdgeInsets.only(top: 70, left: 30, right: 30),
+          child: GFDropdown(
+              items: [],
+              dropdownColor: Colors.red,
+              value: _value,
+              isExpanded: true,
+              borderColor: Colors.blueGrey,
+              padding: EdgeInsets.all(0),
+              icon: Icon(Icons.home),
+              isDense: true,
+              borderRadius: BorderRadius.only(
+                  topLeft: Radius.circular(20),
+                  bottomRight: Radius.circular(20)),
+              onChanged: (value) {
+                setState(() {
+                  _value = value;
+                });
+              }),
+        ),
       ),
-    );
+      Expanded(
+        child: Container(
+          margin: EdgeInsets.only(top: 70, left: 30, right: 30),
+          child: DropdownButton(
+              dropdownColor: Colors.red,
+              value: _value,
+              style: TextStyle(color: Colors.blue),
+              iconEnabledColor: Colors.amber,
+              iconDisabledColor: Colors.blueGrey,
+              hint: Text('kijijm'),
+              disabledHint: Text('cfgvhjn'),
+              elevation: 4,
+              autofocus: true,
+              focusColor: Colors.orange,
+              isExpanded: false,
+              underline: Text('bjnmk'),
+              isDense: true,
+              iconSize: 50,
+              icon: Icon(Icons.home),
+              items: [
+                DropdownMenuItem(
+                  child: Text("First s"),
+                  value: 1,
+                ),
+                DropdownMenuItem(
+                  child: Text("Second"),
+                  value: 2,
+                ),
+              ],
+              onChanged: (value) {
+                setState(() {
+                  _value = value;
+                });
+              }),
+        ),
+      )
+    ]));
   }
 }
 

lib/components/dropdown/gf_dropdown.dart

@@ -0,0 +1,120 @@
+import 'package:flutter/material.dart';
+
+class GFDropdown<T> extends StatefulWidget {
+  GFDropdown(
+      {Key key,
+      @required this.items,
+      this.menuitems,
+      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;
+  final List<DropdownMenuItem<T>> menuitems;
+
+  final Widget icon;
+  final int elevation;
+  final T value;
+  final Color borderColor;
+  final EdgeInsets padding;
+
+  final Widget hint;
+  final Widget disabledHint;
+  final ValueChanged<T> onChanged;
+
+  final VoidCallback onTap;
+  final TextStyle style;
+
+  final Widget underline;
+
+  final Color iconDisabledColor;
+
+  final Color iconEnabledColor;
+
+  final double iconSize;
+
+  final bool isDense;
+
+  final bool isExpanded;
+
+  final double itemHeight;
+
+  final Color focusColor;
+
+  final FocusNode focusNode;
+
+  final bool autofocus;
+
+  final Color dropdownColor;
+
+  final BorderRadius borderRadius;
+
+  @override
+  _GFDropdownState createState() => _GFDropdownState();
+}
+
+class _GFDropdownState extends State<GFDropdown> {
+  @override
+  Widget build(BuildContext context) {
+    return 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,
+        ));
+  }
+
+  // Widget menuitem() {
+  //   final List<ListItem> items;
+
+  //   List:['bcdncjs', 'cniskdcmdk'];
+  //   return Container(
+  //    child:Text('j')
+
+  // }
+}