Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de sliding_switch
Detalhes do pacotev1.1.0

sliding_switch

Interruptor deslizante - Um widget de interruptor simples. Pode ser totalmente personalizado com largura desejada, cores, textos etc. Também mantém o estado de seleção.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
731
Curtidas
33
Pontos Pub
130

Instalar pacote

flutter pub add sliding_switch

Visão geral do pacote

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

SlidingSwitch é um widget de interruptor personalizável para Flutter que permite aos usuários alternar entre dois estados com um movimento deslizante. Ele suporta personalização total de largura, cores, rótulos de texto e animações. O widget mantém seu estado de seleção durante reconstruções, garantindo uma experiência consistente para o usuário. Projetado para simplicidade e flexibilidade, funciona perfeitamente em plataformas Android, iOS, Web, macOS, Windows e Linux. Ideal para configurações, preferências e interruptores ligar/desligar em aplicativos.

Casos de uso

  • Alternadores de preferência do usuário
  • Painéis de configuração
  • Interruptores ligar/desligar
  • Controles de formulário
  • Alternadores de modo escuro

Principais recursos

  • Aparência totalmente personalizável
  • Persistência de estado
  • Suporte multiplataforma
  • Animação de deslizamento suave
  • Suporte a rótulo de texto
  • Largura e cores configuráveis

Indicado para

  • Interfaces de usuário simples de alternância
  • Elementos de formulário personalizáveis
  • Aplicativos multiplataforma
  • Configurações de preferência
  • Componentes de interruptor leves

Considerações

  • Limitado a comutação de dois estados
  • Nenhuma funcionalidade de acessibilidade embutida
  • Requer manutenção manual do estado em cenários complexos
  • Não adequado para seleções de múltiplas opções

README original

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

sliding_switch

Sliding Switch - A simple switch widget. It can be fully customized with desired width, colors, text etc. It also maintains selection state.

Live Demo (Codeapprun)

codeapprun.io

Getting Started

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  sliding_switch: "latest"

Import it:

import 'package:sliding_switch/sliding_switch.dart';

Usage Examples

Minimum sliding switch configuration
SlidingSwitch(
 value: false,
 width: 250,
 onChanged: (bool value) {
   print(value);
 },
)

sliding switch

sliding switch other configurations
SlidingSwitch(
 value: false,
 width: 250,
 onChanged: (bool value) {
   print(value);
 },
 height : 55,
 animationDuration : const Duration(milliseconds: 400),
 onTap:(){},
 onDoubleTap:(){},
 onSwipe:(){},
 textOff : "Female",
 textOn : "Male",
 iconOff: Icons.human-female,
 iconOn: Icons.human-male,
 contentSize: 17,
 colorOn : const Color(0xffdc6c73),
 colorOff : const Color(0xff6682c0),
 background : const Color(0xffe4e5eb),
 buttonColor : const Color(0xfff7f5f7),
 inactiveColor : const Color(0xff636f7b),
),

If iconOn or iconOff are not null, they will be displayed in lieu of the respective textOn and textOff. The values for textOn and textOff are used as semantic labels for the icons for accessibility. The icons in the example are not in the default material icon set, but are from [Material Design Icons] (https://materialdesignicons.com/), available on pub.dev here.

contentSize drives the height of the text or icons.

Licensed Under the MIT License.

Inspiration

Jitu Raut

Categorias

Interruptor

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.