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

bottom_bar_matu 封面
套件詳情v1.5.0

bottom_bar_matu

一個美觀且帶有動畫效果的底部導航欄,可輕鬆使用圖標資料實現,或自訂為自己的組件。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
181
喜歡數
172
Pub 分數
140

安裝套件

flutter pub add bottom_bar_matu

套件介紹

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

一個視覺上吸引人且帶有動畫效果的底部導航欄,專為Flutter應用設計,可使用預定義圖示資料或自訂組件輕鬆整合。它支援平滑動畫,並在所有主要平台上提供現代外觀。該套件輕量且開發者友善,可快速設定,配置最少。非常適合需要具有互動式導航元件的引人入勝使用者介面的應用。

適用情境

  • 行動應用程式導航
  • Web 應用程式儀表板
  • 跨平台 UI 一致性
  • 可自訂的底部標籤
  • 標籤之間的動畫過渡

主要特色

  • 流暢的動畫
  • 圖標數據支援
  • 自定義小部件相容性
  • 多平台支援
  • 容易實現
  • 響應式設計

適合對象

  • 尋求現代 UI 組件的 Flutter 開發人員
  • 需要動畫導航欄的專案
  • 針對 Android、iOS 和網頁的應用程式
  • 注重設計的應用程式
  • 快速原型設計

使用建議

  • 可能需要額外的樣式來實現複雜佈局
  • 超出基本動畫之外的自訂功能有限
  • 依賴外部相依性以實現完整功能
  • 不太適合高度動態的標籤內容
  • 最適合標準底部導航模式

原始 README

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

A beautiful and animated bottom navigation bar.

Here are some supported style:

BottomBarBubble

DEMO

BottomBarDoubleBullet

DEMO

BottomBarLabelSlide

DEMO

Usage

Simple implementation with Icons.data:
bottomNavigationBar: BottomBarBubble(
    selectedIndex: _index,
    items: [
        BottomBarItem(iconData: Icons.home),
        BottomBarItem(iconData: Icons.chat),
        BottomBarItem(iconData: Icons.notifications),
        BottomBarItem(iconData: Icons.calendar_month),
        BottomBarItem(iconData: Icons.settings),
    ],
    onSelect: (index) {
      // implement your select function here
    },
),
Implementation with your custom widget:
bottomNavigationBar: BottomBarBubble(
    selectedIndex: _index,
    items: [
        BottomBarItem(
          iconBuilder: (color) => Image.asset('assets/ic_alarm.png', color: color, height: 30, width: 30)),
        BottomBarItem(
          iconBuilder: (color) => Image.asset('assets/ic_bill.png', color: color, height: 30, width: 30)),
        BottomBarItem(
          iconBuilder: (color) => Image.asset('assets/ic_box.png', color: color, height: 30, width: 30)),
    ],
    onSelect: (index) {
      // implement your select function here
    },
),

License

Copyright (c) 2021 Tuannvm

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。