animated_segment

Visão geral do pacote

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

O pacote animated_segment oferece um controle segmentado moderno e visualmente atraente com efeitos de animação elástica para seleção de abas. Melhora a experiência do usuário ao proporcionar transições suaves e dinâmicas entre os segmentos, tornando-o ideal para interfaces interativas. O pacote é leve e compatível com múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Com configuração mínima via Flutter pub add, os desenvolvedores podem integrar facilmente controles segmentados elegantes e responsivos em seus aplicativos.

Casos de uso

Navegação de guias interativa
Filtros de formulário dinâmicos
Abas de painel personalizáveis
seletores de preferência do usuário
Feedback avançado da interface do usuário
Design de interface com foco em dispositivos móveis

Principais recursos

Animação elástica na seleção de guia
Compatibilidade multiplataforma
Integração simples com o Flutter
Aparência personalizável
Efeitos de transição suave
Leve e eficiente

Indicado para

Desenvolvedores Flutter em busca de componentes de interface modernos
Aplicativos que exigem interações envolventes com guias
Aplicações focadas no design
Interfaces móveis e web responsivas
Desenvolvedores que querem código mínimo para animações ricas

Considerações

Pode exigir estilos adicionais para designs complexos
Impacto no desempenho em dispositivos de baixa gama com muitos segmentos
Limitado à funcionalidade básica de segmento sem opções avançadas de personalização
Não adequado para padrões de navegação não baseados em guias

README original

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

This package will animates a segment. Package provides you a modern animated fancy segment. Show selection of tab using elastic way animation.

Animated Segment

Usage

Example

AnimatedSegment(
  segmentNames: [Strings.tab_1, Strings.tab_2, Strings.tab_3],
  onSegmentChanged: (index) {
    print('Selected Segment Index is: $index');
  },
  backgroundColor: AppColors.bgColor,
  segmentTextColor: AppColors.white,
  rippleEffectColor: AppColors.primary,
  selectedSegmentColor: AppColors.primary,
);

Required parameters

segmentNames:

This property takes List as a parameter and segmentNames is useful to display items in segment.

onSegmentChanged:

Call back called when the user select the new segment and return the selected segment index. Index for the initial selected segment is 0.

Optional parameters

initialSegment:

This property takes int value as a parameter. This is use to set the initial segment from [segmentNames].

backgroundColor:

This property takes Color value as a parameter. You can change the background color of animated segment. default value is Color(0xff8AADFB)

segmentTextColor:

This property takes Color value as a parameter. You can change the text color of segmented text color. default value is Color(0xff0217FD)

rippleEffectColor:

This property takes Color value as a parameter. You can change the ripple color of segment. default value is Colors.white

selectedSegmentColor:

This property takes Color value as a parameter. You can change the selected segment color of animated segment. default value is Colors.white

Guideline for contributors

Contribution towards our repository is always welcome, we request contributors to create a pull request to the develop branch only.

Guideline to report an issue/feature request

It would be great for us if the reporter can share the below things to understand the root cause of the issue.

Library version
Code snippet
Logs if applicable
Device specification like (Manufacturer, OS version, etc)
Screenshot/video with steps to reproduce the issue

LICENSE!

Animated Segment is MIT-licensed.

Let us know!

We’d be really happy if you send us links to your projects where you use our component. Just send an email to sales@mindinventory.com And do let us know if you have any questions or suggestion regarding our work.

Buscar pacotes, repositórios e categorias de apps