SidebarX ?

Flutter 多平台导航侧边栏 / 侧边导航栏 / 抽屉小部件

请 点赞并收藏仓库 以支持本项目！

移动端 桌面 Web
Image Image Image

入门

请按照以下步骤使用此包

添加依赖

dependencies:
  sidebarx: ^0.2.1

导入包

import 'package:sidebarx/sidebarx.dart';

易于使用

该软件包的设计最大程度地适应大屏幕。
因此，将小部件添加到您的屏幕将非常简单。

    Scaffold(
      body: Row(
        children: [
          SidebarX(
            controller: SidebarXController(selectedIndex: 0),
            items: const [
              SidebarXItem(icon: Icons.home, label: 'Home'),
              SidebarXItem(icon: Icons.search, label: 'Search'),
            ],
          ),
          // Your app screen body
        ],
      ),
    )

在小型移动屏幕上使用

在小屏幕和移动设备上，您可以将现成的 Sidebar 小部件用作应用程序的抽屉，以获得出色的用户体验。

否则，请保持代码不变，获得相同的体验

    Scaffold(
      drawer: SidebarX(
        controller: SidebarXController(selectedIndex: 0, extended: true),
        items: const [
          SidebarXItem(icon: Icons.home, label: 'Home'),
          SidebarXItem(icon: Icons.search, label: 'Search'),
        ],
      ),
      body: const Center(child: Text('Your app body')),
    )

附加信息

项目正在开发中，随时欢迎您的拉取请求和问题？
感谢您的支持 ❤️

有关入门的帮助，请查看 ? Flutter 的
[在线文档](https://flutterdart.cn/docs)，其中提供了教程，
示例、移动开发指南和完整的 API 参考。

GitHub

查看 Github