Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev1.0.1

customgauge

Widget de medidor totalmente personalizável para Flutter com opções para múltiplos segmentos, cores e estilos personalizáveis para exibir o valor atual e texto

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
137
Curtidas
17
Pontos Pub
40

Instalar pacote

flutter pub add customgauge

Visão geral do pacote

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

Um widget de medidor altamente personalizável para Flutter que suporta múltiplos segmentos, esquemas de cores dinâmicos e estilos totalmente ajustáveis tanto para o próprio medidor quanto para seu valor e texto exibidos. Ideal para visualizar métricas como progresso, pontuações ou porcentagens com uma aparência refinada e personalizada. O widget foi projetado para flexibilidade, permitindo que desenvolvedores definam faixas de segmentos, cores e formatos de rótulos para atender às necessidades específicas do aplicativo. Integra-se perfeitamente em painéis, aplicativos de saúde ou interfaces de análise.

Casos de uso

  • Exibindo métricas de progresso ou desempenho
  • Criando indicadores de pontuação personalizados
  • Visualização de dados baseados em porcentagem
  • Criando widgets de painel
  • Projetando medidores interativos em aplicativos de análise

Principais recursos

  • Múltiplos segmentos personalizáveis
  • Configuração de cor dinâmica
  • Valor e exibição de texto estilizáveis
  • Suporte para faixas e rótulos personalizados
  • Opções de layout altamente flexíveis
  • Extensível para animações e interações

Indicado para

  • Desenvolvedores construindo painéis de visualização de dados
  • Aplicativos que exigem designs de medidores personalizados ou únicos
  • Projetos que precisam de indicadores de progresso ou status
  • Designers de UI procurando componentes reutilizáveis e estilizados
  • Aplicativos Flutter com interfaces do usuário orientadas por métricas

Considerações

  • Requer manipulação manual da animação, se necessário
  • Suporte interno limitado para interações com toque
  • Nenhuma otimização específica de plataforma mencionada
  • Mais adequado para valores estáticos ou simples animados
  • Pode ser necessário código adicional para lógica complexa ou responsividade

README original

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

customgauge

Fully customizable Gauge widget for Flutter

Installing:

In your pubspec.yaml, add the following dependency

dependencies:
  customgauge: 1.0.0

Example Usage:

import 'package:customgauge/customgauge.dart';

CustomGauge(
    gaugeSize: 200,
    segments: [
        GaugeSegment('Low', 20, Colors.red),
        GaugeSegment('Medium', 40, Colors.orange),
        GaugeSegment('High', 40, Colors.green),
    ],
    currentValue: 46,
    displayWidget: Text('Fuel in tank', style: TextStyle(fontSize: 12)),
),

Features:

  • Fully featured Gauge widget that is built from scratch
  • Can have any number of segments in the Gauge with different segment length and colors
  • Gauge can have any dimension (square dimension only) with any minimum and maximum value
  • Needle color can be customized
  • Display and Value widget can be customized, so that you can display what you want on the Gauge
  • Can turn on/off markers that display Min and Max value on the Gauge. You can even style these markers!

License:

This project is licensed under the BSD 2-Clause license - see the LICENSE file for details

Categorias

Gráficos e Visualização

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.