flutter pub add cool_nav根據套件公開資料產生的選型評估，僅供參考。
Cool Nav 是一個 Flutter 套件，提供一系列視覺上吸引人且容易實現的底端導航列。此套件設計時著重於簡潔與美學，提供可自訂、帶動畫效果且具響應式的導航元件，適用於跨多個平台的現代應用程式。該套件可無縫整合至 Flutter 專案中，並支援 Android、iOS、Web、macOS、Windows 與 Linux。透過最少的設定與豐富的設計選項，Cool Nav 在不犧牲效能或開發者便利性的前提下，提升使用者體驗。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
A collection of really awesome, easy to use BottomNavigationBars
Add this to your package's pubspec.yaml file:
---
dependencies:
cool_nav: ^0.1.1
Now in your Dart code, you can use:
import 'package:cool_nav/cool_nav.dart';
Based on design made by Sanchita Agarwal.
An easy to use and customizable Bottom Navigation Bar. You can customize the colors as well provide a custom Gradient for the spotlight.
Usage
Scaffold(
// ...
bottomNavigationBar: SpotlightBottomNavigationBar(
items: [
SpotlightBottomNavigationBarItem(icon: Icons.smartphone),
SpotlightBottomNavigationBarItem(icon: Icons.laptop_mac),
SpotlightBottomNavigationBarItem(icon: Icons.desktop_mac),
],
currentIndex: currentIndex,
selectedItemColor: Colors.cyan,
onTap: _onTap,
),
)
An easy to use and customizable Bottom Navigation Bar. You can customize the selected and unselected Icons and background Colors for the tiles.
Usage
Scaffold(
// ...
bottomNavigationBar: FlipBoxNavigationBar(
currentIndex: currentIndex,
verticalPadding: 20.0,
items: <FlipBoxNavigationBarItem>[
FlipBoxNavigationBarItem(
name: 'Tasks',
selectedIcon: Icons.done_all,
selectedBackgroundColor: Colors.deepPurpleAccent[200],
unselectedBackgroundColor: Colors.deepPurpleAccent[100],
),
FlipBoxNavigationBarItem(
name: 'People',
selectedIcon: Icons.person,
unselectedIcon: Icons.person_outline,
selectedBackgroundColor: Colors.indigoAccent[200],
unselectedBackgroundColor: Colors.indigoAccent[100],
),
FlipBoxNavigationBarItem(
name: 'Mail',
selectedIcon: Icons.mail,
unselectedIcon: Icons.mail_outline,
selectedBackgroundColor: Colors.blueAccent[200],
unselectedBackgroundColor: Colors.blueAccent[100],
),
]
),
)
Refer here for an example.
More Awesome Navigation Bars will be added in the future.
View the example folder to see more examples.
暫無相關資料。