Skip to content

Add Multi Device Preview Support #277

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add Multi Device Preview Support #277

wants to merge 1 commit into from

Conversation

@3TTemi
Copy link
Contributor

@3TTemi 3TTemi commented Oct 23, 2025

Summary

Add device_preview package for enhanced development and testing capabilities

  • Added device_preview dependency (^1.2.0) to pubspec.yaml
  • Integrated device preview wrapper in main.dart with toggle control
  • Configured MaterialApp to support device preview features
  • Set USE_DEVICE_PREVIEW constant to false by default (production-safe)

Test Plan

Device preview integration can be tested by:

  1. Setting USE_DEVICE_PREVIEW = true in main.dart
  2. Running the app in simulator
  3. Verifying device preview controls appear and allow switching between different device sizes/orientations
  4. Confirming the toggle is disabled in release builds (!kReleaseMode)

Screenshots:
image

Notes

  • Helps developers test responsive design across different device sizes without physical devices
  • Updated both pubspec.lock and iOS Podfile.lock with new dependencies
  • Device preview is disabled by default (USE_DEVICE_PREVIEW = false) and even if the variable is set to true is should not show in production because of !kReleaseMode

@3TTemi 3TTemi requested a review from jjasonguo October 23, 2025 16:37
@dti-github-bot
Copy link
Member

[diff-counting] Significant lines: 15.

jjasonguo
jjasonguo approved these changes Oct 23, 2025
View reviewed changes
Copy link
Contributor

@jjasonguo jjasonguo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wow great idea Temi!
image

Works very well for me, will be super helpful for development. Maybe add something abt it to the readme? making sure its never pushed as true

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@jjasonguo jjasonguo jjasonguo approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@3TTemi @dti-github-bot @jjasonguo