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.
暂无相关数据。