Develop before the Hype: Create your Flutter App for Apple Vision Pro

It’s no secret: The Apple Vision Pro has officially been released!

With it comes a new era of virtual computing and a new hype in app development.

Let’s take a look at how to create a Flutter App in Vision Pro:

Set up your Xcode environment

First, open your ios folder from your normally created Flutter app. You can do so in VSCode by right-clicking the ios folder and selecting Open in Xcode. Alternatively, run the following command in your Terminal:

open ios/Runner.xcworkspace/

Now we need to set our Base SDK to visionOS. Go to Runner > Build Settings and, under Base SDK, select visionOS.

Afterward, stay in Runner, but now navigate to General. Add Apple Vision (normal) and Apple Vision (Designed for iPad) to your Supported Destinations.