Drop down button

Drop down button:

Change text overlays to display links list and more.

Different styles, sizes and states of page drop down buttons are prepared by flutter code in admin panel:

 Dropdown buttons in different colors 
Dropdown buttons in different sizes
Dropdown buttons in different positions
Dropdown buttons in custom icons
Dropdown buttons in different menu decoration
Dropdown Buttons in different menu sizes


Dropdown buttons in different colors:

these are dropdown Buttons in different colors located in: 
 es_flutter_component/lib/components/es_drop_down/es_drop_down_button.dart 

 and is used as: 
 EsDropdownButton(
                    num:num,
                    buttonWidget: EsButton(text: "Dropdown",
                      icon: EsSvgIcon('packages/es_flutter_component/assets/svgs/down.svg",
                        size: StructureBuilder.dims!.h3IconSize*0.7,
                        color:StructureBuilder.styles!.primaryLightColor,),
                      clickable: false,),
                    menuWidgetList: List.generate(num, (index) =>
                        EsHeader("item",color: StructureBuilder.styles!.primaryLightColor,)),
                    menufunctionList: List.generate(num, (index) => (){}),

                  ), 
 this widget uses DropDown2 please add it in pubspec.yaml 's dependencies
//   where 
          List<Widget> _menuWidgetList=List.generate(
        num,
            (index) => EsOrdinaryText(
          "item$index",
          color: StructureBuilder.styles!.primaryLightColor,
        ));

 Dropdown buttons in different sizes:

these are dropdown Buttons in different sizes located in: 
es_flutter_component/lib/components/es_drop_down/es_drop_down_button.dart 
and is used as: 

EsDropdownButton(
num: num,
buttonWidget: EsButton(
text: "Dropdown",
icon: EsSvgIcon("packages/es_flutter_component/assets/svgs/down.svg",
size: StructureBuilder.dims!.h3IconSize * 0.7,
color: StructureBuilder.styles!.primaryLightColor,
),
size: StructureBuilder.dims!.h1FontSize,
clickable: false,
),
menuWidgetList: List.generate(
num,
(index) => EsHeader(
"item",
color: StructureBuilder.styles!.primaryLightColor,
)),
menufunctionList: List.generate(num, (index) => () {}),
), 
this widget uses DropDown2 please add it in pubspec.yaml 's dependencies
//where 
List<Widget> _menuWidgetList=List.generate(
num,
(index) => EsOrdinaryText(
"item$index",
color: StructureBuilder.styles!.primaryLightColor,
));

 Dropdown buttons in different positions:

these are dropdown Buttons in different positions located in: 
es_flutter_component/lib/components/es_drop_down/es_drop_down_button.dart 
and is used as: 

EsDropdownButton(
num: num,
buttonWidget: EsButton(

text: "Dropdown",
icon: EsSvgIcon(
"packages/es_flutter_component/assets/svgs/CaretLeft.svg",
size: StructureBuilder.dims!.h3IconSize *0.8,
color: StructureBuilder.styles!.primaryLightColor,
),
clickable: false,
),
menuWidgetList: List.generate(
num,
(index) => EsHeader(
"item",
color: StructureBuilder.styles!.primaryLightColor,
)),
menufunctionList: List.generate(num, (index) => () {}),
menuOffset: Offset(StructureBuilder.dims!.h0Padding*-4,
StructureBuilder.dims!.h0Padding),
), 
this widget uses DropDown2 please add it in pubspec.yaml 's dependencies
//where 
List<Widget> _menuWidgetList=List.generate(
num,
(index) => EsOrdinaryText(
"item$index",
color: StructureBuilder.styles!.primaryLightColor,
));

 Dropdown buttons in custom icons:

these are dropdown Buttons in custom icons located in: 
es_flutter_component/lib/components/es_drop_down/es_drop_down_button.dart 
and is used as: 

EsDropdownButton(
num: num,
buttonWidget: EsButton(
text: "Dropdown",
icon: EsSvgIcon(
"packages/es_flutter_component/assets/svgs/infocircle.svg",
size: StructureBuilder.dims!.h3IconSize ,
color: StructureBuilder.styles!.primaryLightColor,
),
clickable: false,
),
menuWidgetList: List.generate(
num,
(index) => EsHeader(
"item",
color: StructureBuilder.styles!.primaryLightColor,
)),
menufunctionList: List.generate(num, (index) => () {}),
), 
this widget uses DropDown2 please add it in pubspec.yaml 's dependencies
where 
List<Widget> _menuWidgetList=List.generate(
num,
(index) => EsOrdinaryText(
"item$index",
color: StructureBuilder.styles!.primaryLightColor,
));

 Dropdown buttons in different menu decoration:

these are dropdown buttons in different menu decoration located in: 
es_flutter_component/lib/components/es_drop_down/es_drop_down_button.dart 
and is used as: 

EsDropdownButton(
num: num,
dropdownDecoration: BoxDecoration(
color: StructureBuilder.styles!.secondaryColor,
borderRadius: BorderRadius.all(Radius.circular(
StructureBuilder.dims!.h0BorderRadius))),
buttonWidget: EsButton(
text: "Dropdown",
icon: EsSvgIcon(
"packages/es_flutter_component/assets/svgs/down.svg",
size: StructureBuilder.dims!.h3IconSize * 0.7,
color: StructureBuilder.styles!.primaryLightColor,
),
clickable: false,
),
menuWidgetList: List.generate(
num,
(index) => EsHeader(
"item",
color: StructureBuilder.styles!.primaryLightColor,
)),
menufunctionList: List.generate(num, (index) => () {}),
), 
this widget uses DropDown2 please add it in pubspec.yaml 's dependencies
//where 
List<Widget> _menuWidgetList=List.generate(
num,
(index) => EsOrdinaryText(
"item$index",
color: StructureBuilder.styles!.primaryLightColor,
));

 Dropdown Buttons in different menu sizes:

these are dropdown Buttons in different menu sizes located in: 
es_flutter_component/lib/components/es_drop_down/es_drop_down_button.dart 
and is used as: 

EsDropdownButton(
num:num,
buttonWidget: EsButton(text: "Dropdown",
icon: EsSvgIcon('packages/es_flutter_component/assets/svgs/down.svg",
size: StructureBuilder.dims!.h3IconSize*0.7,
color:StructureBuilder.styles!.primaryLightColor,),
clickable: false,),
menuWidgetList: List.generate(num, (index) =>
EsHeader("item",color: StructureBuilder.styles!.primaryLightColor,)),
menufunctionList: List.generate(num, (index) => (){}),

), 
this widget uses DropDown2 please add it in pubspec.yaml 's dependencies
//where 
List<Widget> _menuWidgetList=List.generate(
num,
(index) => EsOrdinaryText(
"item$index",
color: StructureBuilder.styles!.primaryLightColor,
));