MacroMath UI
Components · App

BottomNavBar

The app's bottom navigation bar, with 5 destinations.

App · Flutter · macromath_mobile

The app's primary navigation: 5 destinations (Home, Diet, Pantry, AI, Profile) with a selection animation and an indicator. Imported directly from macromath_mobile.

Preview

Home
Diet
Pantry
AI
Profile

Properties

PropertyTypeDescription
indiceSelecionadointIndex of the active destination (0–4).
onItemTocadoValueChanged<int>Called with the tapped index.

Usage

import 'package:macromath_mobile/presentation/widgets/bottom_nav_bar.dart';

int _index = 0;

BottomNavBar(
  indiceSelecionado: _index,
  onItemTocado: (i) => setState(() => _index = i),
);

Tap the destinations live in the WidgetbookNavigation › BottomNavBar.

On this page