Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de bottom_sheet_expandable_bar
Detalhes do pacotev0.1.2

bottom_sheet_expandable_bar

Um pacote para exibir uma barra inferior com a capacidade de expandir e mostrar uma folha inferior

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
54
Curtidas
28
Pontos Pub
140

Instalar pacote

flutter pub add bottom_sheet_expandable_bar

Visão geral do pacote

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

Um pacote Flutter que fornece uma barra de navegação inferior com a capacidade de se expandir em uma folha inferior, oferecendo conteúdo ou ações adicionais. Ele melhora a interação do usuário ao combinar a simplicidade de uma barra inferior com a flexibilidade de uma folha inferior. Ideal para aplicativos que precisam de navegação compacta com funcionalidades expansíveis, suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. O pacote é leve e se integra perfeitamente a projetos existentes do Flutter.

Casos de uso

  • Navegação de aplicativo móvel com opções expansíveis
  • Melhorando a IU com folhetos interativos
  • Criando barras inferiores dinâmicas em aplicativos web e desktop
  • Fornecendo acesso rápido a ações secundárias
  • Projetando layouts responsivos em várias plataformas

Principais recursos

  • Interface de barra inferior expansível
  • Suporta múltiplas plataformas
  • Integração fácil com o Flutter
  • Aparência e comportamento personalizáveis
  • Transições de animação suaves
  • Tratamento de gestos embutido

Indicado para

  • Desenvolvedores construindo aplicativos multiplataforma com Flutter
  • Designers de UI procurando padrões de navegação interativa
  • Aplicativos que exigem painéis de ação colapsáveis
  • Projetos com foco em UX consistente entre plataformas
  • Equipes que desejam configuração mínima para recursos avançados de folha inferior

Considerações

  • Pode exigir estilos adicionais para designs complexos
  • Impacto no desempenho com conteúdo pesado na folha inferior
  • Personalização limitada além da expansão/colisão básica
  • Mais adequado para volumes moderados de conteúdo
  • Requer manipulação cuidadosa do espaço da tela em dispositivos menores

README original

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

Bottom Sheet Expandable Bar

This package create a bottom navigation bar with the capability to show a bottom sheet.

Instalation

Include bottom_sheet_expandable_bar in your pubspec.yaml file:

dependencies:
  flutter:
    sdk: flutter
  bottom_sheet_expandable_bar: version

Usage

To use this package, just import it into your file and enjoy it.

import 'package:bottom_sheet_expandable_bar/bottom_sheet_bar_icon.dart';
import 'package:bottom_sheet_expandable_bar/bottom_sheet_expandable_bar.dart';

...

bottomSheet: BottomBarSheet(
  children: [
    BottomSheetBarIcon(
      icon: Icon(Icons.home),
      color: Colors.redAccent, 
      onTap: (){
      },
    ),
    BottomSheetBarIcon(
      icon: Icon(Icons.person),
      color: Colors.blueAccent, 
      onTap: (){
      },
    ),
    BottomSheetBarIcon(
      icon: Icon(Icons.edit),
      color: Colors.blue[800], 
      onTap: (){
      },
    ),
    BottomSheetBarIcon(
      icon: Icon(Icons.star),
      color: Colors.orangeAccent, 
      onTap: (){
      },
    ),
  ],
),

...

IMPORTANT: Add this line to your theme to avoid an unexpected behaviour

theme: ThemeData(
  /// Add this line
  bottomSheetTheme: BottomSheetThemeData(backgroundColor: Colors.transparent),
),
BottomSheetBarIcon

This widget allow to generate a dynamic icon

Properties

Name Description Required Default
icon Widget to put as button icon False
color Color to indicate icon color False Colors.black
onTap Function to handle button on tap True
BottomBarSheet

This widget allow to generate a bottom bar with the capability to expanto to a bottom sheet

Properties

Name Description Required Default
children List of BottomSheetBarIcon widget to show icons within the bar False
buttonPosition ButtonBottomBarPosition to indicate expandable button position (center, end) False ButtonBottomBarPosition.center
backgroundBarColor Color to indicate bottom bar background color False Colors.white
backgroundColor Color to indicate bottom sheet color False Colors.white
showExpandableButton Boolean value to indicate when to show or hide expandable button False False
innerChild Widget to show into the bottom sheet False
bottomRadius Double value to indicate the corners radius for the bottom bar False 50.0
bottomBarHeight Double value to indicate the bottom bar height False 60.0
bottomBarWidth Double value to indicate the bottom bar height False Screen width * 0.9
duration Duration between show or hide the bottom sheet False 250 milliseconds
bottomSheetHeight Double value to indicate the bottom sheet height False Screen height * 0.75
iconExpand Icon to show into the expandable button False Icon(Icons.navigation)
iconColor Expandable button color False Colors.green
onClose Function to call when bottom sheet is closed False (){}
currentIndex Integer value to indicatet which tab is selected False 0
curve Curve to use on enter bottom sheet animation False Curves.ease
Expandable button at center

Expandable button at end

As a simple navigation bar

Categorias

Barra de navegação inferior

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.