bottom_blur_bar 0.0.1 copy "bottom_blur_bar: ^0.0.1" to clipboard
bottom_blur_bar: ^0.0.1 copied to clipboard

A good-looking bottom navigation bar, has a blur effect

Preview #

bottom_blur_bar

Basic Usage #

Import it to your project file

import 'package:bottom_blur_bar/bottom_blur_bar.dart';

And add it in its most basic form like it:

bottomNavigationBar: BlurNavbar(
  onTap: (idx) => setState(() {
    _idx = idx;
    debugPrint('$idx');
  }),
  items: [
    BlurNavbarItem(icon: Icon(Icons.home, color: color, size: 24), title: "SEARCH"),
    BlurNavbarItem(icon: Icon(Icons.search, color: color, size: 24), title: "SEARCH"),
    BlurNavbarItem(icon: Icon(Icons.notifications, color: color, size: 24), title: "NOTIFICATIONS"),
    BlurNavbarItem(icon: Icon(Icons.local_library_rounded, color: color, size: 24), title: "LIBRARY")
  ],
  currentIndex: _idx,
  selectedColor: Colors.cyanAccent,
)

Required parameters of BlurNavbar #


Parameter Description
onTap Tap Event
items The collection of sub-controls to be displayed

Optional parameters of BlurNavbar #


Parameter Default Description
style auto Blur Effect Style
selectedColor -- Defines the color of the selected
borderRadius 24 Defines the corner radius of the border
currentIndex 0 Defines the index of the selected
fontSize 10 Defines the size of the font
iconSize 40 Defines the size of the icon

LICENSE! #

bottom_blur_bar is MIT-licensed.

5
likes
110
pub points
61%
popularity

Publisher

unverified uploader

A good-looking bottom navigation bar, has a blur effect

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on bottom_blur_bar