an easy side menu

Features

cv_side_menu is a custom menu like web style

Getting started

flutter pub add cv_side_menu

Usage

import 'package:cv_side_menu/cv_side_menu.dart';


List<SideMenuItem> items = const [
  SideMenuItem(
    page: SomePageHasMenu(),
    routePath: "/somePageHasMenu",
    id: 99,
    title: "SomePageHasMenu",
    leadingIconData: Icons.ac_unit,
  ),
  SideMenuItem(
    page: PageA(),
    routePath: "/pageA",
    id: 1,
    title: "page a",
    leadingIconData: Icons.ac_unit,
  ),
  SideMenuItem(
      id: 3,
      title: "page c",
      routePath: "exp/page",
      leadingIconData: Icons.baby_changing_station,
      trailingIconData: Icons.arrow_drop_down_outlined,
      expItem: [
        SideMenuItem(
          page: PageX(),
          routePath: "/pageX",
          id: 10,
          title: "page X",
          leadingIconData: Icons.ac_unit,
        ),
        SideMenuItem(
          page: PageQ(),
          routePath: "/pageQ",
          id: 11,
          title: "page Q",
          leadingIconData: Icons.ac_unit,
        ),
      ]
  ),
];

final SideMenuStyle menuStyle = SideMenuStyle(
  itemSelectBGColor: Colors.yellow,
  itemHeight: 35,
  itemUnselectColor: Colors.grey,
  menuWidth: 200,
  // titleStyle: TextStyle(fontSize: 50)
);

final SideMenuStyle expStyle = SideMenuStyle(
    itemSelectBGColor: Colors.white,
    itemUnselectBGColor: Colors.white,
    itemSelectColor: Colors.blue,
    itemHeight: 35,
    itemUnselectColor: Colors.grey);