Skip to main content

floating_bottom_nav_bar 1.2.4 copy "floating_bottom_nav_bar: ^1.2.4" to clipboard
floating_bottom_nav_bar: ^1.2.4 copied to clipboard

A customizable floating bottom navigation bar for Flutter with smooth animations, modern UI styling, SVG icon support, and badge indicators.

Use this package as a library

Depend on it

Run this command:

With Flutter:

 $ flutter pub add floating_bottom_nav_bar

This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get):

dependencies:
  floating_bottom_nav_bar: ^1.2.4

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

Import it

Now in your Dart code, you can use:

import 'package:floating_bottom_nav_bar/app/app.dart';
import 'package:floating_bottom_nav_bar/app/bindings/base_binding.dart';
import 'package:floating_bottom_nav_bar/app/controllers/base_controller.dart';
import 'package:floating_bottom_nav_bar/app/modules/base/controllers/base_view_controller.dart';
import 'package:floating_bottom_nav_bar/app/modules/base/views/base_view.dart';
import 'package:floating_bottom_nav_bar/app/modules/base/views/tab_indicator.dart';
import 'package:floating_bottom_nav_bar/app/modules/browse/controllers/browse_controller.dart';
import 'package:floating_bottom_nav_bar/app/modules/browse/views/browse_view.dart';
import 'package:floating_bottom_nav_bar/app/modules/favorite/controllers/favorite_controller.dart';
import 'package:floating_bottom_nav_bar/app/modules/favorite/views/favorite_view.dart';
import 'package:floating_bottom_nav_bar/app/modules/home/controllers/home_controller.dart';
import 'package:floating_bottom_nav_bar/app/modules/home/views/home_view.dart';
import 'package:floating_bottom_nav_bar/app/modules/maps/controllers/maps_controller.dart';
import 'package:floating_bottom_nav_bar/app/modules/maps/views/maps_view.dart';
import 'package:floating_bottom_nav_bar/app/modules/more/controllers/more_controller.dart';
import 'package:floating_bottom_nav_bar/app/modules/more/views/more_view.dart';
import 'package:floating_bottom_nav_bar/app/routes/app_pages.dart';
import 'package:floating_bottom_nav_bar/app/themes/app_theme.dart';
import 'package:floating_bottom_nav_bar/app/themes/colors.dart';
import 'package:floating_bottom_nav_bar/app/utils/dummy_helper.dart';
import 'package:floating_bottom_nav_bar/app/widgets/custom_tab_icon.dart';
import 'package:floating_bottom_nav_bar/core/constants/assets.dart';
import 'package:floating_bottom_nav_bar/core/values/strings.dart';
import 'package:floating_bottom_nav_bar/main.dart';
1
likes
135
points
45
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

A customizable floating bottom navigation bar for Flutter with smooth animations, modern UI styling, SVG icon support, and badge indicators.

Homepage

License

unknown (license)

Dependencies

badges, cupertino_icons, floating_frosted_bottom_bar, flutter, flutter_svg, get

More

Packages that depend on floating_bottom_nav_bar