搜尋套件、儲存庫與 APP 分類

套件詳情v1.0.3

flutter_slide_drawer

它將幫助您輕鬆實現帶有動畫的 slide_drawer_scaffold :)

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
437
喜歡數
27
Pub 分數
140

安裝套件

flutter pub add flutter_slide_drawer

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

Flutter Slide Drawer 是一個簡化滑出抽屜建立的套件,支援流暢的動畫效果。它透過提供易於使用的架構,增強使用者體驗,讓開發者能跨多個平台輕鬆實作基於抽屜的導航。該套件內建動畫支援,開發者可快速將響應式且視覺上吸引人的側邊面板整合至應用程式中。此套件專為 Android、iOS、Web、macOS、Windows 與 Linux 平台設計,非常適合需要直覺導航模式的跨平台專案。

適用情境

  • 建立動畫側邊導航菜單
  • 建構響應式應用佈局
  • 實現可滑動的抽屜式介面
  • 設計以行動裝置為首的導航體驗
  • 在網頁應用中添加互動式側邊面板
  • 透過流暢的轉換增強使用者參與度

主要特色

  • 內建動畫支援
  • 跨平台相容性
  • 簡單 API 結合
  • 響應式設計就緒
  • 可自訂的抽屜行為
  • 與 Flutter 的 Scaffold 兼容

適合對象

  • 行動應用程式開發者
  • Web 應用程式創建者
  • 跨平台專案團隊
  • 尋求動畫工具的UI/UX設計師
  • 開發者專注於導航使用者體驗
  • 初學者學習Flutter導航

使用建議

  • 可能需要額外的樣式才能實現複雜的設計
  • 高級動畫的自定義選項有限
  • 依賴於 Flutter 的動畫框架
  • 不適合非滑動抽屜樣式
  • 最適合標準抽屜使用情境
  • 需要理解 Flutter 的佈局系統

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

flutter_slide_drawer

A Flutter package, It would help you make has slide effect drawer easy.

Getting Started

To start using this package, add flutter_slide_drawer dependency to your pubspec.yaml

dependencies:
    flutter_slide_drawer: '<latest_release>'

Documentation

SliderDrawerWidget
    SliderDrawerWidget(
        key: drawerKey,
        option: SliderDrawerOption(),
        drawer: CustomDrawer(),
        body: Scaffold(
          appBar: AppBar(),
          body: Container(),
        )
    )
Parameters Value Required Docs
key GlobalKey<SliderDrawerWidgetState> YES Required to open drawer.
drawer Widget YES Custom Widget to use drawer
body Widget YES Body Widget
option SliderDrawerOption No You can set several options.

SliderDrawerOption
    SliderDrawerOption(
      backgroundImage: Image.asset("assets/sample_background.jpg"),
      backgroundColor: Colors.black,
      sliderEffectType: SliderEffectType.Rounded,
      upDownScaleAmount: 50,
      radiusAmount: 50,
      direction: SliderDrawerDirection.LTR,
    )
Parameters Value Required Docs
backgroundImage Image Widget No be covered Background Image in Drawer
backgroundColor Color No background Color in Drawer (default Color is blue)
sliderEffectType SliderEffectType No Slide push Effect Type ( Rounded , Rectangle)
upDownScaleAmount double No If you use SliderEffectType.Runded then you can use this parameters. It make margin Vertical in Scaffold
radiusAmount double No If you use SliderEffectType.Runded then you can use this parameters. It make as amount as radius in Scaffold
direction SliderDrawerDirection No Drawer direction option, default is SliderDrawerDirection.LTR

Screens

Using Background Image And Rounded Type

Example App Demo2

Default FlutterSliderWidget

Example app Demo

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。