responsive_pro

responsive_pro é um plugin Flutter, 100% Dart que fornece utilidades avançadas de responsividade, escalonamento de fonte e adaptação automática de layouts para todas as plataformas suportadas pelo Flutter (Android, iOS, Web, Windows, macOS e Linux).

⚠️ Dart-only plugin --- não utiliza código nativo.

📘 Sumário

Sobre
Instalação
Como Utilizar
- Importação
- Bases de Redimensionamento
Exemplos de Uso
Notas Importantes
Desenvolvedor
Licença
Contribuições

🎯 Sobre

O objetivo do responsive_pro é simplificar a criação de interfaces adaptáveis, permitindo:

Ajuste automático de tamanho de fontes
Cálculo de proporções responsivas
Adaptação a telas pequenas, médias e grandes
Uso consistente em mobile, web e desktop

Ideal para projetos que precisam se comportar bem em diferentes tamanhos de tela sem depender de bibliotecas pesadas.

📦 Instalação

No pubspec.yaml:

dependencies:
  responsive_pro: ^1.2.2

Ou Execute:

flutter pub add responsive_pro

Em seguida Execute:

flutter pub get

🚀 Como Utilizar

Importação

import 'package:responsive_pro/responsive_pro.dart';

📚 Bases de Redimensionamento

Substitua qualquer valor double que necesside de responsividade por:

Como Utilizar	Base	Recomendação de Uso
`context.h(v)`	Altura da Tela	Dimensão Vertical
`context.w(v)`	Largura da Tela	Dimensão Horizontal
`context.short(v)`	Menor Lado da Tela	Texto, ícones, paddings
`context.long(v)`	Maior Lado da Tela	Efeitos Tela Cheia (fullscreen)
`context.diag(v)`	Diagonal da Tela (Pitágoras)	Proportional ao Dispositivo
`context.mix(v)`	Média da Altura x Largura	Padding, UI Balanceado
`context.font(v)`	Menor Lado + Accessibilidade	Texto Responsivo
`context.icon(v)`	Menor Lado + Accessibilidade	Ícone Responsivo

🔧 Exemplos de Uso

📏 Container Responsivo

Container(
  width: context.w(80),
  height: context.h(20),
  child: ...
);

🔤 Texto Responsivo

Text(
  "Olá",
  style: TextStyle(fontSize: context.font(4)),
);

🔣 Ícone Responsivo

Icon(
  Icons.home,
  size: context.icon(4),
);

📐 Espaçamento / Padding

Padding(
  padding: EdgeInsets.all(context.mix(2)),
  child: ...
);

🖥 Utilitários

Cada uma das opções abaixo retorna um valor boolean e verifica a dimensão da tela para o resultado:

if (context.isMobile) ... // Verifica se é Celular / Mobile
if (context.isTablet) ... // Verifica se é Tablet
if (context.isDesktop) ... // Verifica se é Desktop
if (context.isUltraWide) ... // Verifica se é Ultra Wide
if (context.isLarge) ... // Verifica se é uma Tela Larga (Destktop >)
if (context.isPortrait) ... // Verifica se está em Modo Retrato
if (context.isLandscape) ... // Verifica se está em Modo Paisagem

📝 Notas Importantes

Funciona em todas as plataformas Flutter.
Não depende de código nativo.
Não precisa de permissões ou configurações adicionais.
Ideal para apps que exigem adaptação automática de UI.

👨‍💻 Desenvolvedor

Fernando Takeo Miyaji

⚖️ Licença

⭐ Contribuições

Pull Requests são sempre Bem Vindos!
Se você gostou desse package, considere dar um Like no pub.dev ou no * *GitHub**.