responsive_pro 1.2.3

Responsive Pro — Responsividade avançada para Flutter, escalonamento de fonte e adaptação automática de layouts para todas as plataformas suportadas pelo Flutter.

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
  • Container Responsivo
  • Texto Responsivo
  • Ícone Responsivo
  • Espaçamento / Padding
  • Utilitários
• 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.3

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

MIT © 2026 Fernando Takeo Miyaji

---

⭐ Contribuições

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