Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de flexiges
Detalhes do pacotev1.0.2

flexiges

Flexi é um pacote Flutter dinâmico e abrangente projetado para fornecer aos desenvolvedores a capacidade de soltar, ampliar, girar e dimensionar seus widgets com facilidade e precisão. O Flexi torna tudo isso simples e eficiente.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
35
Curtidas
4
Pontos Pub
135

Instalar pacote

flutter pub add flexiges

Visão geral do pacote

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

Flexiges é um pacote Flutter que permite aos desenvolvedores implementar facilmente interações dinâmicas com toque, como arrastar, ampliar, girar e escalar widgets. Projetado para precisão e simplicidade, ele melhora a experiência do usuário ao fornecer controles intuitivos por gestos. O pacote suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, tornando-o versátil para aplicações multiplataforma. Com configuração mínima, o Flexiges se integra perfeitamente em projetos existentes, capacitando os desenvolvedores a criar interfaces de usuário interativas e responsivas.

Casos de uso

  • Componentes de interface interativa
  • Interfaces de arrastar e soltar
  • visualizadores de imagem com zoom
  • Elementos 2D rotacionáveis
  • animações baseadas em gestos
  • Aplicativos educacionais com conteúdo interativo

Principais recursos

  • Arraste, amplie, gire e dimensione widgets
  • Manipulação de gestos de alta precisão
  • Compatibilidade multiplataforma
  • Configuração mínima necessária
  • Transições de animação suaves
  • Suporta múltiplos pontos de toque

Indicado para

  • Desenvolvedores de aplicativos interativos
  • Designers de UI/UX implementando gestos
  • Aplicações educacionais ou de jogos
  • Aplicativos que exigem manipulação dinâmica de widgets
  • Equipes focadas na prototipagem rápida

Considerações

  • Pode impactar o desempenho com widgets aninhados complexos
  • Requer manipulação cuidadosa do estado de transformação
  • Não ideal para layouts estáticos
  • Mais adequado para dispositivos com tela sensível ao toque
  • Personalização limitada para transformações avançadas

README original

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

Flexi

Flexi is a Flutter package that provides a flexible widget for zooming, panning, and rotating child widgets.

Alt Text

Features

  • Zoom in and out of a widget.
  • Pan the widget by dragging it.
  • Rotate the widget using gestures.
  • Double-tap to reset the widget to its original state.
  • Configurable minimum and maximum scale limits.
  • Configurable maximum translation limits along the X and Y axes.
  • Enable/disable rotation, scaling, and translation individually.
  • Support for custom callbacks on scale start, update, and end events.

Installation

Add the following dependency to your pubspec.yaml file:

dependencies:
  flexi: ^1.0.0

Usage

Import the package in your Dart file:

import 'package:flexi/flexi.dart';

Wrap your widget with the Flexi widget:

FlexiGes(
  child: YourWidget(),
  minScale: 0.8, // Set the minimum scale limit (optional)
  maxScale: 2.5, // Set the maximum scale limit (optional)
  onScaleUpdate: (offset, scale, rotation) {
    // Handle scale update event
  },
  onScaleEnd: (details) {
    // Handle scale end event
  },
)

Parameters

  1. child: The child widget that you want to apply zoom, pan, and rotate features to. (required)
  2. minScale: The minimum scale factor for scaling the widget. Defaults to 0.8. (optional)
  3. maxScale: The maximum scale factor for scaling the widget. Defaults to 2.5. (optional)
  4. onScaleUpdate: A callback function that is triggered during the scale update event. It provides the current offset, scale factor, and rotation angle as parameters. (optional)
  5. onScaleEnd: A callback function that is triggered when the scale event ends. It provides the scale end details as a parameter. (optional)
  6. canRotate: Flag to enable/disable rotation. Defaults to true. (optional)
  7. canScale: Flag to enable/disable scaling. Defaults to true. (optional)
  8. canTranslate: Flag to enable/disable translation. Defaults to true. (optional)
  9. returnToOrigin: Flag to enable/disable returning to the original state on double-tap. Defaults to true. (optional)
  10. enabled: Flag to enable/disable the Flexi widget. Defaults to true. (optional)
  11. maxTranslationX: The maximum translation value along the X-axis. Defaults to 100. (optional)
  12. maxTranslationY: The maximum translation value along the Y-axis. Defaults to 100. (optional)

Example

Check out the example directory for a working example of using the Flexi widget.

Running Tests

To run the tests for the Flexi package, use the following command: flutter test flexi_test.dart

Contributing

Contributions are welcome! Please submit any issues or pull requests via the GitHub repository.

License

This project is licensed under the MIT License.

Feel free to customize the content further based on your package's specific details and testing instructions.

Categorias

Toque e Gestos

Dependências

Lista de dependências 1 itens

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.