Skip to content

How to use iOS simulator in full-screen

Published:

2 min read

When working on React Native or Expo applications, it is important to create focus to get in a flow. Sometimes, there are a lot of tasks to cover and very little time. To help focus on the task ahead, one way to speed up development is to use full-screen mode for iOS simulators. For example, a focused environment on my laptop screen includes zero visibility for the Dock and the menu bar.

Before Xcode version 12, the full-screen support was hidden behind a user flag. The below command can be run to solve the issue for older Xcode versions.

defaults write com.apple.iphonesimulator AllowFullscreenMode -bool YES

With the latest version of Xcode and each new macOS version trying to outperform its previous one, it has never been easy to enable full-screen mode for an iOS simulator.

ss1

In the above image, observe that VS Code editor is on the left and the iOS simulator is on the right.

To enter the full-screen mode, click on the resize window icon (green icon) on the application (iOS simulator and the editor/IDE of your choice).

ss2

Then, you can position one application on the left and another on the right.

ss3

It’s already challenging to keep distractions at bay. But, sometimes, a little bit of focus can go a long way.


Previous Post
How to add Splash Screen and an App Icon in React Native
Next Post
How to solve RCTBridge required dispatch_sync to load warning on iOS for React Native

I'm a software developer and technical writer. On this blog, I share my learnings about both fields. Recently, I have begun exploring other topics, so don't be surprised if you find something new here.

Currently, working as a documentation lead at Expo.