circular_bottom_navigation 0.0.5 copy "circular_bottom_navigation: ^0.0.5" to clipboard
circular_bottom_navigation: ^0.0.5 copied to clipboard


Circular Bottom Navigation (or maybe a tab bar)

Circular Bottom Navigation (or maybe a tab bar). #

pub package APK

This is implementation of an artwork in Uplabs

Let's get started #

1 - Depend on it #

Add this to your package's pubspec.yaml file: #

  circular_bottom_navigation: ^0.0.5

2 - Install it #

install packages from the command line: #

flutter packages get

3 - Import it #

Now in your Dart code, you can use: #

import 'package:circular_bottom_navigation/circular_bottom_navigation.dart';
import 'package:circular_bottom_navigation/tab_item.dart';

3 - Use it like a charm #

Make your TabItems #

List<TabItem> tabItems = List.of([
    new TabItem(Icons.home, "Home",,
    new TabItem(, "Search",,
    new TabItem(Icons.layers, "Reports",,
    new TabItem(Icons.notifications, "Notifications", Colors.cyan),

Use this widget everywhere you want #

      selectedCallback: (int selectedPos) {
        print("clicked on $selectedPos");