Coordinator Menu Widget

Have you ever seen the ui/ux menu of e-wallet applications ? This library will cover that for you

Demo

demo

Understand layout

layout

Usage

To use this plugin, add coordinator_menu as a dependency in your pubspec.yaml file.

Basic

CoordinatorMenuWidget(
    headerView: _getHeaderView(),
    bgHeaderView: _getBgHeaderView(),
    bg: _getBg(),
    colorBgChange: Colors.white,
    containerMenuView: _getContainerView(),
    bgMenu: _getBgMenu(),
    menus: _getMenus(),
    listTitle: _getTitle(),
    paddingMenu: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12.0),
    functionView: _getListFunction(),
    paddingCollapseMenu: const EdgeInsets.fromLTRB(62, 8, 108, 8),
),

Property

Name R/O Description
bg R This view is the background from the header to the menu view container
headerView R Fixed view at the top. This view can contain child views on the left or right depending on your ui/ux
menus R A list widget. It is the main functions of the application. As the view is scrolled, the menu will slowly move up the header
listTitle R A list widget. Title of each menu. It should be a text widget.
functionView R The sliver list or sliver grid view. This view contains smaller functions of the application
bgHeaderView O A background of header. It will appear when the user scrolls up and hide when scrolling down.
colorBgChange O Color of background view. It will gradually app appear as the user scrolls up. And gradually disappears as the user scrolls down.
containerMenuView O View wraps the list menu and list Title.
bgMenu O A widget. It will display as the background of each menu.
paddingMenu O Distance of list menu between containerMenuView
paddingCollapseMenu O Distance of list menu on header view between headerView
paddingTitle O Distance of each tile between item menu
colorFillRemain O Color of view remain to scroll
functionViewPaddingTop O The sliver list or sliver grid view. This view contains smaller functions of the application
onFinishProgress O Called when the view is scrolled. With a value range from 0 to 1.

Libraries

coordinator_menu