flip_box_bar_plus

Visão geral do pacote

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

FlipBoxBarPlus é uma barra de navegação inferior inspirada em 3D para Flutter, com inspiração de conceito do Dribbble por Dannniel. Possui efeitos dinâmicos de animação de giro que aprimoram a interação do usuário e o apelo visual. O componente suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o altamente versátil. Com transições suaves e estilização personalizável, é ideal para interfaces modernas de aplicativos que buscam um toque lúdico, mas profissional. O pacote é fácil de integrar via pub.dev e é de código aberto, incentivando contribuições da comunidade.

Casos de uso

Interfaces de aplicativos móveis modernos
Elementos de interface do usuário interativos
Aplicações multiplataforma
painéis focados no design
Barras de navegação animadas

Principais recursos

animações de rotação 3D
Compatibilidade multiplataforma
Aparência personalizável
Efeitos de transição suave
De código aberto e impulsionado pela comunidade

Indicado para

Desenvolvedores procurando navegação animada
criadores de aplicativos conscientes do design
Projetos Flutter com interfaces de usuário interativas
Aplicativos direcionados para múltiplos sistemas operacionais
Aplicativos criativos e visualmente envolventes

Considerações

Pode afetar o desempenho em dispositivos de baixa potência
Requer ajuste cuidadoso para a velocidade de animação ideal
Personalização limitada além das funcionalidades principais
Mais adequado para aplicativos com itens mínimos de navegação
Não recomendado para aplicativos com foco em acessibilidade

README original

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

Forked from Flip_box_bar, added support for vertical position

Installation Guide

A 3D BottomNavigationBar inspired by Dribbble design by Dannniel.

Demo

Example Use

      // In Scaffold
      int selectedIndex = 0;
      
      FlipBoxBarPlus(
              selectedIndex: index,
              items: [
                FlipBarItem(icon: Icon(Icons.map), text: Text("Map"), frontColor: Colors.blue, backColor: Colors.blueAccent),
                FlipBarItem(icon: Icon(Icons.add), text: Text("Add"), frontColor: Colors.cyan, backColor: Colors.cyanAccent),
                FlipBarItem(icon: Icon(Icons.chrome_reader_mode), text: Text("Read"), frontColor: Colors.orange, backColor: Colors.orangeAccent),
                FlipBarItem(icon: Icon(Icons.print), text: Text("Print"), frontColor: Colors.purple, backColor: Colors.purpleAccent),
                FlipBarItem(icon: Icon(Icons.print), text: Text("Print"), frontColor: Colors.pink, backColor: Colors.pinkAccent),
              ],
              onIndexChanged: (newIndex) {
                setState() {
                    selectedIndex = newIndex;
                }
              },
            ),

For vertical position set isVerticalBar = true

Properties

List<FlipBarItem> items;

The items to be displayed in the NavBar.

Duration animationDuration;

The duration of the animation of the box flip.

ValueChanged<int> onIndexChanged;

Callback for getting value of item selection.

int initialIndex;

The initial selected index of the NavBar.

double navBarHeight;

The height of the NavBar when it is in bottom nav position.

bool isVerticalBar;

Set the navigation bar as vertical.

double navBarWidth;

The width of the NavBar when it is in vertical position.

Buscar pacotes, repositórios e categorias de apps

flip_box_bar_plus

Instalar pacote

Visão geral do pacote

Casos de uso

Principais recursos

Indicado para

Considerações

README original

Flip_box_bar_plus

Demo

Example Use

For vertical position set isVerticalBar = true

Properties

List<FlipBarItem> items;

Duration animationDuration;

ValueChanged<int> onIndexChanged;

int initialIndex;

double navBarHeight;

bool isVerticalBar;

double navBarWidth;

Categorias

Repositório-fonte

flip_box_bar_plus

Projetos que usam este pacote