搜尋套件、儲存庫與 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'},
        ],
      ),
    );
  }
}

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。