flutter_responsive_debugger 1.0.0

A dev-only overlay to debug and preview responsive layouts in Flutter apps without switching emulators.

Changelog

All notable changes to this project will be documented in this file.

The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.

0.1.0 - 2024-08-03

Added

• Initial release of Flutter Responsive Debugger
• Floating draggable debug button
• Device simulation with preset configurations
• Support for phones, tablets, and desktop devices
• Orientation toggle (portrait/landscape)
• Font scale adjustment (0.5x to 3.0x)
• Layout bounds overlay for visual debugging
• Safe area simulation
• Platform override functionality
• Zoom control (0.5x to 2.0x)
• Custom size input
• Comprehensive test suite
• Example app demonstrating all features
• Responsive design utilities and extensions
• Export/import configuration functionality
• Debug-mode only safety checks

Device Presets

• iPhone SE (3rd gen), iPhone 13/14, iPhone 13/14 Pro Max
• Pixel 7, Pixel 7 Pro, Samsung Galaxy S23
• iPad (10th gen), iPad Pro 11", iPad Pro 12.9", Pixel Tablet
• MacBook Air 13", MacBook Pro 14", Desktop 1080p/1440p

Features

• Provider-based state management
• MediaQuery overrides for accurate simulation
• Draggable floating button with edge snapping
• Comprehensive debugger panel with all controls
• Layout bounds visualization
• Screen utilities and responsive extensions
• Breakpoint-based responsive design helpers
• Platform-specific behavior testing