Detalhes do pacotev2.0.0

custom_sliding_segmented_control

Permite configurar flexivelmente o widget para exibição de controles. Você pode adicionar cor, velocidade, tamanho, valor inicial, animação e muito mais.

AndroidiOSWebmacOSWindowsLinux

pub.dev Documentação da API Código-fonte

Downloads em 30 dias: 59,6 mil
Curtidas: 232
Pontos Pub: 150

Instalar pacote

flutter pub add custom_sliding_segmented_control

Visão geral do pacote

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

Um widget flexível do Flutter para criar controles segmentados deslizantes com aparência e comportamento personalizáveis. Suporta cores ajustáveis, velocidade de animação, tamanho, seleção inicial e transições suaves entre segmentos. Ideal para aprimorar interfaces do usuário com navegação tipo guia interativa e visualmente atraente. O controle é altamente configurável e funciona em todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux.

Casos de uso

Navegação de guia personalizada
Filtros de formulário interativos
Mudança dinâmica de conteúdo
seletores de preferência do usuário
Transições de interface do usuário animadas

Principais recursos

Cores configuráveis
Velocidade de animação ajustável
Segmentos redimensionáveis
Configuração de valor inicial
Animações suaves de deslizamento
Suporte multiplataforma

Indicado para

Desenvolvedores que precisam de interfaces de guia personalizadas
Designers que querem controles animados
Aplicativos com filtragem de conteúdo dinâmico
aplicações com foco em UI
Projetos Flutter multiplataforma

Considerações

Requer manipulação cuidadosa da gestão de estado
Pode ser necessário ajuste de desempenho para grandes quantidades de segmentos
Documentação limitada em algumas áreas
Melhor usado com feedback visual claro

README original

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

CustomSlidingSegmentedControl

Allows you to flexibly configure the widget for displaying controls. You can add color, speed, size, initial value, animation and more.

Example

import 'package:custom_sliding_segmented_control/custom_sliding_segmented_control.dart';

CustomSlidingSegmentedControl<int>(
  initialValue: 2,
  children: {
    1: Text('News daily portal'),
    2: Text('Map'),
    3: Text('Paper'),
  },
  decoration: BoxDecoration(
    color: CupertinoColors.lightBackgroundGray,
    borderRadius: BorderRadius.circular(8),
  ),
  thumbDecoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.circular(6),
    boxShadow: [
      BoxShadow(
        color: Colors.black.withOpacity(.3),
        blurRadius: 4.0,
        spreadRadius: 1.0,
        offset: Offset(
          0.0,
          2.0,
        ),
      ),
    ],
  ),
  duration: Duration(milliseconds: 300),
  curve: Curves.easeInToLinear,
  onValueChanged: (v) {
    print(v);
  },
),