Navigation bar

Navigation bar:

Different styles and positions of navigation bars are prepared by flutter code in admin panel:

Simple navigation bar
Expanded navigation bar
Tab bar navigation bar
Button navigation bar 
Navigation bar with inactive button
Vertical navigation bar
Navigation bar with custom widget 


Simple navigation bar:

It is a simple navigation bar located in: 
 es_flutter_component/lib/components/es_navigation_bar/es_navigation_bar.dart' 
 and is used as: 

 EsNavigationBar(
                    functionList: _functionList,
                    tabWidgetList: _tabList) 
  // where 
          int num = 3;

          List<Function()> _functionList = List.generate(
          num,
              (index) => () {
            _controller.jumpTo(
              500,
            );
          });
         List<Widget> _tabList = List.generate(
         num,
            (index) => EsTitle(
          "Tab${index + 1}",
          color: StructureBuilder.styles!.primaryColor,
        ));

 Expanded navigation bar:

It is a simple navigation bar located in: 
es_flutter_component/lib/components/es_navigation_bar/es_navigation_bar.dart' 
and is used as: 

EsNavigationBar(
functionList: _functionList,
tabWidgetList: _buttonTabList) 
where 
int num = 3;

List<Function()> _functionList = List.generate(
num,
(index) => () {
_controller.jumpTo(
500,
);
});

List<Widget> _buttonTabList = List.generate(
num,
(index) => EsButton(
text: "Tab ${index + 1}",
clickable: false,
));

Tab bar navigation bar:

It is a tabbar navigation bar located in: 
es_flutter_component/lib/components/es_navigation_bar/es_navigation_bar.dart' 
and is used as: 

EsNavigationBar(
functionList: _functionList,
tabWidgetList: _tabList,
activeDecoration: _activeDecoration,
inActiveDecoration: _inActiveDecoration,
) 
//where 
int num = 3;

List<Function()> _functionList = List.generate(
num,
(index) => () {
_controller.jumpTo(
500,
);
});
List<Widget> _tabList = List.generate(
num,
(index) => EsTitle(
"Tab${index + 1}",
color: StructureBuilder.styles!.primaryColor,
));


BoxDecoration _activeDecoration = BoxDecoration(
border: Border(
top: BorderSide(color: StructureBuilder.styles!.t4Color),
right: BorderSide(color: StructureBuilder.styles!.t4Color),
left: BorderSide(color: StructureBuilder.styles!.t4Color),
),
);
BoxDecoration _inActiveDecoration = BoxDecoration(
border: Border(
bottom: BorderSide(color: StructureBuilder.styles!.t4Color),
),
);

 Button navigation bar:

It is a button navigation bar located in: 
es_flutter_component/lib/components/es_navigation_bar/es_navigation_bar.dart' 
and is used as: 

EsNavigationBar(
functionList: _functionList,
tabWidgetList: _buttonTabList) 
//where 
int num = 3;

List<Function()> _functionList = List.generate(
num,
(index) => () {
_controller.jumpTo(
500,
);
});

List<Widget> _buttonTabList = List.generate(
num,
(index) => EsButton(
text: "Tab ${index + 1}",
clickable: false,
));

Navigation bar with inactive button:

It is a Navigation bar with inactive Button located in: 
es_flutter_component/lib/components/es_navigation_bar/es_navigation_bar.dart' 
and is used as: 

EsNavigationBar(
functionList: _functionList,
tabWidgetList: _buttonTabList2),
), 
//where 
int num = 3;

List<Function()> _functionList = List.generate(
num,
(index) => () {
_controller.jumpTo(
500,
);
});

List<Widget> _buttonTabList2 = List.generate(num, (index) {
if (index == 2) {
return EsButton(
disable: true,
fillColor: StructureBuilder.styles!.secondaryColor,
text: "Tab ${index + 1}",
clickable: false,
);
}
return EsButton(
text: "Tab ${index + 1}",
clickable: false,
);
});

Vertical navigation bar:

It is a vertical navigation bar located in: 
es_flutter_component/lib/components/es_navigation_bar/es_navigation_bar.dart' 
and is used as: 

EsNavigationBar(
direction: Axis.vertical,
functionList: _functionList,
tabWidgetList: _buttonTabList
), 
//where 
int num = 3;

List<Function()> _functionList = List.generate(
num,
(index) => () {
_controller.jumpTo(
500,
);
});

List<Widget> _buttonTabList = List.generate(
num,
(index) => EsButton(
text: "Tab ${index + 1}",
clickable: false,
));

Navigation bar with custom widget:

It is a navigation bar with custom widget located in: 
es_flutter_component/lib/components/es_navigation_bar/es_navigation_bar.dart' 
and is used as: 

EsNavigationBar(
functionList: _functionList,
tabWidgetList: _complexTabList) 
//where 
int num = 3;

List<Function()> _functionList = List.generate(
num,
(index) => () {
_controller.jumpTo(
500,
);
});

List<Widget> _complexTabList = List.generate(num, (index) {
if (index == 1) {
return EsLabel(
isUnique: false,
widget: EsOrdinaryText(
AppLocalizations.of(context)!.text,
),
);
} else
return EsContentLabel(
isUnique: true,
size: StructureBuilder.dims!.h3IconSize,
text: "error",
);
});