Search packages, repositories and app categories

Package detailsv0.0.2

flexi_bottom_nav

FlexiBottomNavigation is a customizable bottom navigation widget for Flutter. It allows you to easily create a bottom navigation bar with configurable icons, labels, and colors, giving you the flexibility to tailor the navigation experience to your app's needs.

AndroidiOSWebmacOSWindowsLinux
30-day downloads
31
Likes
2
Pub points
140

Install package

flutter pub add flexi_bottom_nav

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

FlexiBottomNavigation is a highly customizable bottom navigation bar widget for Flutter, enabling developers to create dynamic and visually tailored navigation experiences. It supports configurable icons, labels, colors, and layout options, making it easy to adapt to various app designs. The package is compatible across all major platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring consistent behavior everywhere. With a simple API, it streamlines the implementation of bottom navigation without sacrificing flexibility.

Use cases

  • Custom app navigation bars
  • Multi-platform Flutter apps
  • Branded UI components
  • Dynamic icon and label styling
  • Responsive bottom navigation

Key features

  • Configurable icons and labels
  • Customizable colors and themes
  • Cross-platform compatibility
  • Easy integration with Flutter
  • Support for dynamic content

Suitable for

  • Flutter developers seeking flexible navigation
  • Apps requiring branded or unique bottom navs
  • Projects targeting multiple platforms
  • Design-focused UI implementations
  • Rapid prototyping of navigation interfaces

Considerations

  • Requires manual handling of state management
  • Limited built-in animations
  • May need additional styling for complex layouts
  • Depends on external dependencies for advanced features
  • Not ideal for highly complex navigation patterns

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

FlexiBottomNavigation

FlexiBottomNavigation is a customizable bottom navigation widget for Flutter. It allows you to easily create a bottom navigation bar with configurable icons, labels, and colors, giving you the flexibility to tailor the navigation experience to your app's needs.

Features

  • Customizable Labels: Set the labels for each tab in the bottom navigation bar.
  • Adjustable Icons: Specify icons for each tab, with customizable icon sizes and colors.
  • Color Customization: Customize the selected and unselected item colors.
  • Text and Icon Sizes: Adjust the font size for labels and the size for icons.
  • Error Handling: Ensure consistent behavior with validation for input lengths.

Getting Started

To use FlexiBottomNavigation in your Flutter project, follow these steps:

  1. Add the Dependency:

    Add flexi_bottom_nav to your pubspec.yaml file:

      flexi_bottom_nav: 0.0.1
    
    dependencies:
      flutter:
        sdk: flutter
      flexi_bottom_nav: 0.0.1
    
    pub add flexi_bottom_nav
    
  2. Install the Package:

    Run flutter pub get to install the package.

Usage

Here’s a simple example of how to use FlexiBottomNavigation in your Flutter application:

import 'package:flutter/material.dart';
import 'package:flexi_bottom_nav/flexi_bottom_nav.dart'; 

void main() {
  runApp(MaterialApp(
    home: FlexiBottomNavigation(
      screens: [
        Scaffold(body: Center(child: Text('Screen 1'))),
        Scaffold(body: Center(child: Text('Screen 2'))),
        Scaffold(body: Center(child: Text('Screen 3'))),
      ],
      labels: ['Home', 'Search', 'Profile'],
      icons: [Icons.home, Icons.search, Icons.person],
      iconColors: [Colors.blue, Colors.green, Colors.red],
      textSize: 14.0,
      iconSize: 30.0,
      selectedItemColor: Colors.red,
      unselectedItemColor: Colors.blueGrey,
    ),
  ));
}

For more advanced usage and customization, check the example folder included in the package.

Additional Information

  • Documentation: For detailed documentation, refer to the package documentation.
  • Contributing: Contributions are welcome! Please check the CONTRIBUTING.md for guidelines on how to contribute.
  • Issues: If you encounter any issues, please file them on the issue tracker.
  • License: This package is licensed under the MIT License. See the LICENSE file for more details.

Categories

Source repository

Projects using this package

No data available yet.