搜索插件、代码仓与 APP 分类

插件详情v0.3.1

flutter_sidebar

一个易于配置的侧边栏小部件,适用于您的 Flutter 移动端/网页应用。

近 30 天下载
58
喜欢数
21
Pub 分数
40

安装插件

flutter pub add flutter_sidebar

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

flutter_sidebar 是一个可自定义的侧边栏小部件,专为移动和网页平台上的 Flutter 应用设计。它提供了一个易于配置的导航界面,非常适合需要一致且易于访问的菜单布局的应用程序。该包支持响应式设计,并能与现有的 Flutter 项目无缝集成。通过最少的设置,开发者即可实现直观的侧边导航,从而在各种设备上提升用户体验。

适合场景

  • 移动应用导航
  • Web 应用程序仪表板
  • 响应式UI布局
  • 单页应用菜单
  • 可定制的抽屉界面

主要特点

  • 轻松配置
  • 响应式设计支持
  • 轻便且快速
  • 可扩展的部件结构
  • 内置动画支持

适合对象

  • 开发导航密集型应用的开发者
  • 优先考虑UI一致性的团队
  • 同时针对移动和网页的项目
  • 寻找可重用组件的前端开发人员
  • 需要轻量级侧边栏解决方案的应用程序

使用建议

  • 仅限基本侧边栏功能
  • 无内置深色模式切换
  • 需要手动处理路由管理
  • 未针对复杂的嵌套导航进行优化
  • 除了 GitHub README 外,没有官方文档

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

flutter_sidebar

An easy to configure sidebar widget for your flutter mobile/web apps

See also: scaffold_responsive

2020-06-29-225932_1124x667_scrot

Usage

import 'package:flutter_sidebar/flutter_sidebar.dart';

Simple Sidebar with few sidebar items:

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Flutter Sidebar')),
      drawer: Sidebar.fromJson(
        tabs: [
          {
            'title': 'Chapter A',
            'children': [
              {'title': 'Chapter A1'},
              {'title': 'Chapter A2'},
            ],
          },
          {
            'title': 'Chapter B',
            'children': [
              {'title': 'Chapter B1'},
              {
                'title': 'Chapter B2',
                'children': [
                  {'title': 'Chapter B2a'},
                  {'title': 'Chapter B2b'},
                ],
              },
            ],
          },
          {'title': 'Chapter C'},
        ],
      ),
    );
  }
}

所属分类

源码仓库

使用此插件的项目

暂无相关数据。