Running a Flutter app on iOS and Android emulators

β€” 3 minute read

permalink

When developing hybrids apps, there comes a time where you want to check out your app on certain devices. Luckily we can leverage emulators for this πŸ“±.

In today's article, I'll show you how to launch the emulators from within Visual Studio Code.

As you may have seen in my previous Flutter introduction article, we can run a basic app by executing flutter run. This command will run our Flutter app, and it actually can run on multiple devices.

Running a Flutter app on an iOS emulator permalink

Before we get started, make sure you have Xcode installed on your Mac and can open an emulator in general. For this, you need to have downloaded Xcode from the App Store and opened it at least once.

From there, the easiest way to go about this is to open your Flutter project in Visual Studio Code.

Two great plugins actually help with Flutter development these are:

From here, select a device at the bottom of the screen.

Flutter select device

This will open up the specific emulator for the device you choose.

From there, click the Run and Debug menu on the left, and click the Run icon. This will now load your app on the emulator!

Flutter run on iOS emulator

And there we go. We have our app running on an iOS emulator. Do note the hot-reload option here. We can quickly restart our app with the latest changes.

Running a Flutter app on an Android emulator permalink

For android, we need to make sure we have our development studio setup as well.

Make sure you download and install Android Studio and follow the installation steps.

Also, make sure you have an emulator setup. If you're unsure about these steps, check out the Android article on setting up emulators.

With that in place, we can go back to Visual Studio Code and change our device to be the Android emulator.

Launch Android emulator

Note: You can also create an emulator from this window

Once the emulator is started, open the Run and Debug menu and press the start button.

Run Flutter on Android emulator

Also, note the hot-reload option from this menu. It's a super quick way to debug and run your apps on a device.

Thank you for reading, and let's connect! permalink

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on Facebook or Twitter