dynamicutils

Visão geral do pacote

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

DynamicUtils é um pacote Flutter projetado para simplificar a implementação de design responsivo, permitindo que desenvolvedores criem layouts fluidos e escaláveis diretamente a partir do Figma, XD ou outras ferramentas de design. Ele fornece utilitários para adaptar elementos da interface com base no tamanho da tela e na densidade do dispositivo, garantindo aparência consistente em Android, iOS, Web, macOS, Windows e Linux. O pacote oferece escala dinâmica de fontes, tamanhos e espaçamentos, tornando-o ideal para manter a fidelidade do design durante o desenvolvimento. Com configuração mínima via `flutter pub add dynamicutils`, ele simplifica a transição de protótipos de design para interfaces responsivas prontas para produção.

Casos de uso

Convertendo designs Figma/XD em aplicativos Flutter responsivos
Criando interfaces de usuário multiplataforma com dimensionamento consistente
Adaptando layouts para diferentes tamanhos de tela
Manter a precisão do design em dispositivos diferentes
Prototipagem rápida com componentes responsivos
Construindo sistemas de design escaláveis

Principais recursos

Escalamento dinâmico de fonte e tamanho
Responsividade multiplataforma
Integração fácil com projetos Flutter existentes
Suporte para múltiplas plataformas (Android, iOS, Web, macOS, Windows, Linux)
Utilitários embutidos para adaptação de layout
Fluxo de trabalho sem interrupção de design para código

Indicado para

Desenvolvedores Flutter trabalhando com designs do Figma/XD
Priorizando a consistência da interface responsiva
Projetos que exigem escalabilidade rápida da interface do usuário em dispositivos
Desenvolvedores construindo aplicativos multiplataforma
Designers colaborando com desenvolvedores em layouts responsivos
Aplicativos direcionados a tamanhos e densidades de tela diversificados

Considerações

Requer configuração inicial para fatores de escala
Pode ser necessário ajustes para layouts aninhados complexos
Mais adequado para designs com grades de base linhas constantes
Impacto no desempenho é negligível, mas deve ser testado em dispositivos de baixa configuração
Não é um sistema de design completo, mas uma utilidade para dimensionamento responsivo
Documentação limitada além da configuração básica

README original

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

Dynamic Utils

A Flutter package that provides dynamic sizing capabilities, allowing you to adapt your UI elements to different screen sizes.

Features

Dynamically adjust the height and width of UI elements based on the screen size.
Easily create responsive UIs that work well on different devices and orientations.
Convenient methods for adding spacing between elements.

Installation

Add the following line to your pubspec.yaml file:

dependencies:
  dynamicutils: <latest_version>

Then run flutter pub get to fetch the package.

Usage

Import the package into your Dart file:

import 'package:dynamicutils/dynamicutils.dart';

Initialize the DynamicSize class with the design screen size:

DynamicSize size = DynamicSize(849, 393);

Adjust the height and width of your UI elements:

DynamicSize size = DynamicSize(849, 393);
height = size.height(20);
width = size.width(20);
size.HeightSpace(20);
size.WidthSpace(20);

Create a new dynamic container:

dContainer(
  height: 20,
  width: 20,
);

For navigation:

pop(context);
newScreen(context, screen());
replaceScreen(context, screen());

For more advanced usage and customization options, refer to the package's API documentation.

Examples

You can find more usage examples in the example folder of this repository.

License

This project is licensed under the MIT License.

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request.

Get in touch

If you have any questions, feel free to reach out:

Email: ashrafchauhan567@gmail.com
GitHub: @MohamedAshraf701

Buscar pacotes, repositórios e categorias de apps

Instalar pacote