FlutterFlow Docs
Search…
Set Up Flutter, Android Studio, Xcode

Prerequisite

To be able to test your app on a device, you must have the following things set up on your machine:

Flutter SDK Setup

The Flutter SDK provides you with the packages and command-line tools that you need to develop Flutter apps. You can install the Flutter SDK from here.
After the installation is completed, make sure you update your path based on your operating system. Update the path for Windows, Linux, Mac​

iOS Setup

If you are making your app available to iOS users, you need a Mac with Xcode installed or an iPhone.
Installing Xcode allows you to run and make changes specific to the iOS app. Here are the instructions for setting up your machine for iOS development.
If you don't have a Mac, you can use FlutterFlow to deploy your app to Test Flight and test it on an iPhone. Here are the instructions on how to set up Test Flight, and here is the tutorial for deploying your app from FlutterFlow.

Android Setup

To run your app on an Android device and make changes specific to the Android app, you need Android Studio installed.
​Here are the instructions for setting up your machine for Android development.

Installing IDE and Plugins

You can choose to install either Visual Studio Code or Android Studio as the IDE for your project. With either IDE you also need the official Flutter and Dart plugins that provide you the code completion, syntax highlighting, widget editing assists, run & debug support, and more.
  • To install Visual Code with Flutter and Dart plugins, check out this link.
  • To install Android Studio with Flutter and Dart plugins, check out this link.

Download Code

FlutterFlow allows you to download the entire codebase and run it on your preferred IDE. This feature is included in our Standard and Pro plans.
Make sure to address any project issues, before downloading the code.
To download your app code:
  • Move to the toolbar and click on the Developer Menu.
  • From the developer menu, click on the Download Code option.
The project code will be downloaded as .zip file. Extract the .zip file to view the contents of the project.

Opening The Project In An Editor (Android Studio)

To open the downloaded project in Android Studio:
  • Open Android Studio.
  • Click on Open and select the project folder from where you have downloaded the code earlier.
  • To generate the code required for the project to compile, navigate to Terminal in Android Studio and enter the commands below:
1
flutter pub get
2
flutter packages pub run build_runner build --delete-conflicting-outputs
3
flutter pub run flutter_launcher_icons:main
Copied!
  • Note: The second command is only necessary if using Firestore. The third is only necessary if you have an App Launcher Icon.
Entering the above command for the first time may take some time to run.

Running The App On A Device

You can choose to run your app on a real device or an emulator.
To run your app on a device:
  • Open the Android Studio.
  • Select the Flutter Device Selection dropdown (in the Toolbar) and choose the device.
  • Click on the Run button (looks like a green color play button).
If your device is not listed in the Flutter Device Selection dropdown, make sure you have properly completed the Android and iOS setup. You can find the instructions for setting up an Android device here and here and for iOS check this and this.
​
​
Last modified 1mo ago