Added #

• Screen Only Toggle Button: Added dedicated toggle button for Screen Only mode in the mode switcher
  • Now shows 3 buttons: Mobile, Tablet, and Screen Only
  • Click directly on each mode instead of cycling through

Changed #

• Default Background Color: Changed from purple (#1A1A2E) to black (#000000) for cleaner appearance
• Mode switching now uses direct selection instead of cycling

Fixed #

• Fixed pub.dev validation issues:
  • Shortened package description to meet 60-180 character requirement
  • Applied Dart formatter to all source files

Added #

• Screen Only Mode: New DeviceMode.screenOnly option to display just the screen without device frame
  • Perfect for cleaner previews and documentation screenshots
  • Cycles through: Mobile → Tablet → Screen Only → Mobile

Fixed #

• Critical Fix: Fixed content rendering issue where app content appeared too zoomed in/large inside device frame
  • Removed incorrect FittedBox and devicePixelRatio multiplication that caused layout issues
  • MediaQuery now correctly reports device dimensions without scaling artifacts
  • Content now renders at proper size matching actual device dimensions

Changed #

• Simplified content rendering logic for more accurate device simulation
• Screen only mode uses clean rounded corners with subtle shadow

Added #

• Mobile Device Behavior: New mobileDeviceBehavior parameter to control how the wrapper behaves on real mobile devices (iOS/Android)
  • MobileDeviceBehavior.alwaysShowFrame: Always show the device frame
  • MobileDeviceBehavior.alwaysHideFrame: Always render child directly without frame
  • MobileDeviceBehavior.showToggle: Show a floating toggle button to let users choose (default)
• Floating "Show Device Frame" button when running on mobile devices
• "Hide Frame" button to exit device frame view on mobile
• Auto-detection of mobile platform (iOS/Android, excluding web)

Changed #

• Updated device configurations:
  • Mobile (iPhone 16 Pro): 393×852 logical pixels
  • Tablet (iPad Pro 11"): 834×1194 logical pixels
• Improved rendering with proper MediaQuery configuration

Changed #

• Updated device configurations with accurate specifications:
  • Mobile (iPhone 16 Pro): 393×852 logical pixels (1179×2556 @ 3x scale), border radius 55px, border width 12px
  • Tablet (iPad 10th Gen): 820×1180 logical pixels (1640×2360 @ 2x scale), border radius 18px, border width 14px
• Improved documentation with actual device physical and logical resolutions
• Added aspect ratio information to device configs

Fixed #

• Fixed all static analysis lint issues (6 issues resolved)
• Added const to constant values and TextStyle constructors for better performance

Added #

• Initial release of Device Wrapper
• DeviceWrapper widget for wrapping Flutter apps in device frames
• DeviceMode enum with mobile (iPhone 17 Pro) and tablet (iPad Gen 11) modes
• DeviceConfig class for customizing device appearance
• Auto-scaling to fit device within browser/window size
• Dynamic Island with camera lens effect for iPhone 17 Pro style
• Titanium gradient frame design with realistic bezels
• Mode toggle button with smooth animations
• Side buttons (power, volume, action button) for realistic appearance
• Home indicator bar
• Grid pattern background
• Device info label showing current mode and dimensions
• Support for custom configurations (dimensions, colors, shadows)
• enabled flag to disable wrapper for production builds
• onModeChanged callback for mode switch events

Device Configurations #

• Mobile (iPhone 17 Pro): 393×852, border radius 55px, border width 5px
• Tablet (iPad Gen 11): 820×1180, border radius 24px, border width 6px