Buscar pacotes, repositórios e categorias de apps

Detalhes do pacotev0.0.2

flexi_bottom_nav

FlexiBottomNavigation é um widget de navegação inferior personalizável para o Flutter. Ele permite criar facilmente uma barra de navegação inferior com ícones, rótulos e cores configuráveis, dando-lhe a flexibilidade para adaptar a experiência de navegação às necessidades do seu aplicativo.

AndroidiOSWebmacOSWindowsLinux
Downloads em 30 dias
31
Curtidas
2
Pontos Pub
140

Instalar pacote

flutter pub add flexi_bottom_nav

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

FlexiBottomNavigation é um widget de barra de navegação inferior altamente personalizável para Flutter, permitindo que desenvolvedores criem experiências de navegação dinâmicas e visualmente adaptadas. Ele suporta ícones, rótulos, cores e opções de layout configuráveis, facilitando a adaptação a diversos designs de aplicativos. O pacote é compatível com todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, garantindo comportamento consistente em todos os lugares. Com uma API simples, ele simplifica a implementação da navegação inferior sem sacrificar flexibilidade.

Casos de uso

  • Barras de navegação personalizadas do aplicativo
  • Aplicativos multiplataforma do Flutter
  • Componentes de interface do usuário com marca
  • Estilo dinâmico de ícone e rótulo
  • Navegação inferior responsiva

Principais recursos

  • Ícones e rótulos configuráveis
  • Cores e temas personalizáveis
  • Compatibilidade multiplataforma
  • Integração fácil com o Flutter
  • Suporte a conteúdo dinâmico

Indicado para

  • Desenvolvedores Flutter em busca de navegação flexível
  • Aplicativos que exigem barras de navegação inferiores personalizadas ou únicas
  • Projetos direcionados para múltiplas plataformas
  • Implementações de UI focadas no design
  • Prototipagem rápida de interfaces de navegação

Considerações

  • Requer manipulação manual da gestão de estado
  • Animações internas limitadas
  • Pode ser necessário estilização adicional para layouts complexos
  • Depende de dependências externas para recursos avançados
  • Não ideal para padrões de navegação altamente complexos

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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.

Categorias

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.