hero

ConvexAppBar

Document for the convex_bottom_bar package.

Get Started →

Simple

Easy to use, require only one single dependency of convex_bottom_bar.

Flutter Favorite

Selected by the Flutter Ecosystem Committee, that demonstrate the highest levels of quality.

Open Source

Hosted on github.com with unlimited source access.

# Quick Start

Add this to your package's pubspec.yaml file, use the latest version Pub (opens new window)

dependencies:
  convex_bottom_bar: ^latest_version
1
2

Import the package then declare with ConvexAppBar:

import 'package:convex_bottom_bar/convex_bottom_bar.dart';

Scaffold(
  bottomNavigationBar: ConvexAppBar(
    items: [
      TabItem(icon: Icons.home, title: 'Home'),
      TabItem(icon: Icons.map, title: 'Discovery'),
      TabItem(icon: Icons.add, title: 'Add'),
    ],
    onTap: (int i) => print('click index=$i'),
  )
);
1
2
3
4
5
6
7
8
9
10
11
12