1. Install Flutter Mac
2. Flutter Download For Mac Computers
3. Flutter Download For Mac Download
4. Free Downloads For Mac
5. Download Manager For Mac

In this video tutorial, you will learn how to download and install Flutter SDK on a macOS computer. You will also learn how to put Flutter on the PATH, so th. Answer (1 of 3): You don’t need a Mac, in order to develop iOS apps on Flutter. But to build iOS app code you need to have a Mac computer. If you do not have a Mac computer, then there are two ways to build iOS apps on windows. How to install and setup Flutter on Mac - Part 1In this series, we introduce you to the joys of working with Flutter and Dart to build iOS and Android apps w.

To develop Flutter apps for iOS, you need a Mac with Xcode 9.0 or newer: Install Xcode 9.0 or newer (via web download or the Mac App Store ). Configure the Xcode command-line tools to use the newly-installed version of Xcode by running the following from the command line. Design beautiful apps with Flutter. In this tutorial I am going to show you how to create your first Hello World app with Flutter on a Mac computer, which we will test on the Xcode iOS simulator.

• Get the Flutter SDK
• iOS setup
• Android setup

System requirements

To install and run Flutter, your development environment must meet these minimum requirements:

• Operating Systems: macOS (64-bit)
• Disk Space: 700 MB (does not include disk space for IDE/tools).
• Tools: Flutter depends on these command-line tools being available in your environment.
  • bash
  • curl
  • git 2.x
  • mkdir
  • rm
  • unzip
  • which

Get the Flutter SDK

1. Download the following installation bundle to get the latest stable release of theFlutter SDK:

   For other release channels, and older builds, see the SDKarchive page.

2. Extract the file in the desired location, for example:

3. Add the flutter tool to your path:

   This command sets your PATH variable for the current terminal window only.To permanently add Flutter to your path, see Update yourpath.

4. Optionally, pre-download development binaries:

   The flutter tool downloads platform-specific development binaries asneeded. For scenarios where pre-downloading these artifacts is preferable(e.g., hermetic build environments, intermittent network availability), iOSand Android binaries can be downloaded ahead of time by running:

   For additional download options, see flutter help precache.

You are now ready to run Flutter commands!

Note: To update an existing version of Flutter, see Upgrading Flutter.

Run flutter doctor

Run the following command to see if there are any dependencies you need toinstall to complete the setup (for verbose output, add the -v flag):

This command checks your environment and displays a report to the terminalwindow. The Dart SDK is bundled with Flutter; it is not necessary to installDart separately. Check the output carefully for other software you may need toinstall or further tasks to perform (shown in bold text).

For example:

The following sections describe how to perform these tasks and finish the setupprocess.

Once you have installed any missing dependencies, run the flutter doctorcommand again to verify that you’ve set everything up correctly.

The flutter tool uses Google Analytics to anonymously report feature usage statistics and basic crash reports. This data is used to help improve Flutter tools over time. Analytics is not sent on the very first run or for any runs involving flutter config, so you can opt out of analytics before any data is sent. To disable reporting, type flutter config --no-analytics and to display the current setting, type flutter config. See Google’s Privacy Policy.

Update your path

You can update your PATH variable for the current session only at the commandline, as shown in Get the Flutter SDK. You’ll probably want toupdate this variable permanently, so you can run flutter commands in any terminal session.

The steps for modifying this variable permanently for all terminal sessions are machine-specific.Typically you add a line to a file that is executed whenever you opena new window. For example:

1. Determine the directory where you placed the Flutter SDK. You willneed this in Step 3.
2. Open (or create) $HOME/.bash_profile. The file path and filename might bedifferent on your machine.

3. Add the following line and change [PATH_TO_FLUTTER_GIT_DIRECTORY] to bethe path where you cloned Flutter’s git repo:

4. Run source $HOME/.bash_profile to refresh the current window.

5. Verify that the flutter/bin directory is now in your PATH by running:

For more details, see this StackExchange question.

Platform setup

MacOS supports developing Flutter apps for both iOS and Android. Complete atleast one of the two platform setup steps now, to be able to build and run yourfirst Flutter app.

iOS setup

Install Xcode

To develop Flutter apps for iOS, you need a Mac with Xcode 9.0 or newer:

1. Install Xcode 9.0 or newer (via web download orthe Mac App Store).

2. Configure the Xcode command-line tools to use the newly-installed version of Xcode byrunning the following from the command line:

   This is the correct path for most cases, when you want to use the latest version of Xcode.If you need to use a different version, specify that path instead.

3. Make sure the Xcode license agreement is signed by either opening Xcode once and confirming orrunning sudo xcodebuild -license from the command line.

With Xcode, you’ll be able to run Flutter apps on an iOS device or on the simulator.

Set up the iOS simulator

To prepare to run and test your Flutter app on the iOS simulator, follow these steps:

1. On your Mac, find the Simulator via Spotlight or by using the following command:

2. Make sure your simulator is using a 64-bit device (iPhone 5s or later) by checking the settingsin the simulator’s Hardware > Device menu.
3. Depending on your development machine’s screen size, simulated high-screen-density iOS devicesmay overflow your screen. Set the device scale under the Window > Scale menu in the simulator.

Create and run a simple Flutter app

To create your first Flutter app and test your setup, follow these steps:

1. Create a new Flutter app by running the following from the command line:

2. A my_app directory is created, containing Flutter’s starter app. Enter this directory:

3. To launch the app in the Simulator, ensure that the Simulator is running and enter:

Deploy to iOS devices

To deploy your Flutter app to a physical iOS device, you’ll need some additional tools and an Apple account. You’ll also need to set up physical device deployment in Xcode.

1. Install homebrew.

2. Ensure that homebrew is up to date:

3. Install the tools for deploying Flutter apps to iOS devices by running thefollowing commands:

   Note: The first two commands above are necessary as a temporary workaround until the next release of libusbmuxd, as explained in libusbmuxd issue #46 and Flutter issue #22595.

   If any of these commands fail, run brew doctor and follow the instructionsto resolve any issues.

4. Follow the Xcode signing flow to provision your project:

   1. Open the default Xcode workspace in your project by running openios/Runner.xcworkspace in a terminal window from your Flutter projectdirectory.
   2. In Xcode, select the Runner project in the left navigation panel.

   3. In the Runner target settings page, make sure your Development Team isselected under General > Signing > Team. When you select a team,Xcode creates and downloads a Development Certificate, registers yourdevice with your account, and creates and downloads a provisioningprofile (if needed).

      • To start your first iOS development project, you may need to sign intoXcode with your Apple ID. Development and testing is supported for any Apple ID. Enrolling in theApple Developer Program is required to distribute your app to the AppStore. For details about membership types, seeChoosing a Membership.

      • The first time you use an attached physical device for iOSdevelopment, you will need to trust both your Mac and the DevelopmentCertificate on that device. Select Trust in the dialog prompt whenfirst connecting the iOS device to your Mac.

        Then, go to the Settings app on the iOS device, select General >Device Management and trust your Certificate.

      • If automatic signing fails in Xcode, verify that the project’sGeneral > Identity > Bundle Identifier value is unique.

5. Start your app by running flutter run.

Android setup

Note: Flutter relies on a full installation of Android Studio to supply its Android platform dependencies. However, you can write your Flutter apps in a number of editors; a later step will discuss that.

Install Android Studio

1. Download and install Android Studio.
2. Start Android Studio, and go through the ‘Android Studio Setup Wizard’. Thisinstalls the latest Android SDK, Android SDK Platform-Tools, and Android SDKBuild-Tools, which are required by Flutter when developing for Android.

Set up your Android device

To prepare to run and test your Flutter app on an Android device, you’ll need anAndroid device running Android 4.1 (API level 16) or higher.

1. Enable Developer options and USB debugging on your device. Detailed instructionsare available in the Android documentation.
2. Windows-only: Install the Google USB Driver
3. Using a USB cable, plug your phone into your computer. If prompted on yourdevice, authorize your computer to access your device.
4. In the terminal, run the flutter devices command to verify that Flutter recognizes yourconnected Android device.

By default, Flutter uses the version of the Android SDK where your adb tool is based. Ifyou want Flutter to use a different installation of the Android SDK, you must set theANDROID_HOME environment variable to that installation directory.

Set up the Android emulator

To prepare to run and test your Flutter app on the Android emulator, follow these steps:

1. Enable VM acceleration on your machine.
2. Launch Android Studio > Tools > Android > AVD Manager and selectCreate Virtual Device. (The Android submenu is only presentwhen inside an Android project.)
3. Choose a device definition and select Next.
4. Select one or more system images for the Android versions you want to emulate,and select Next. An x86 or x86_64 image is recommended.
5. Under Emulated Performance, select Hardware - GLES 2.0 to enablehardwareacceleration.

6. Verify the AVD configuration is correct, and select Finish.

   For details on the above steps, see ManagingAVDs.

7. In Android Virtual Device Manager, click Run in the toolbar.The emulator starts up and displays the default canvas for your selected OS versionand device.

Next step

Image designed by Giridhar Reddy Vennapusa

Flutteris an open source mobile app development SDK from Google, used to build beautiful Native Android and iOS apps with a single codebase. Dart is the language used to develop Flutter apps.

Flutter is now out of beta andFlutter 1.0 was announced on Dec 4th.

This article covers how to install Flutter and the development environment, and also shares solutions for the most common requirements and issues faced in Flutter app development. The process below is more helpful for Android developers who want to try their hand at Flutter app development.

#1 —Setup

‍

IDEs used to develop Flutter apps

Install Flutter Mac

Installation of Flutter

• Download Flutter Zip file.
• Extract Zip file.
• Add Flutter tool to the path from the terminal.
  $ export PATH = $PATH: 'PWD'/flutter/bin
  PWD → Present Working Directory.
  This is a temporary path setting, so when you restart your system, you have to set the Flutter tool path again.

‍

Note: To set the Flutter path permanently in MacOS and avoid setting on every restart, do as shown below in your MacOS terminal.

‍

• touch .bash_profile
• open .bash_profile
• $ export PATH=$PATH: 'PWD'/flutter/bin
  “PWD” → Present Working Directory.

‍

To verify Flutter installation and version

• flutter doctor -v

#2— Android Studio Configuration

‍

Installation of Android Studio

‍

To run the app in Android Emulator, you must install Android Studio to get the Android SDK and emulators.

• Download Android Studio and run the .dmg file. It will automatically install the latest Android SDK.

‍

Add Dart Plugin to Android Studio

If you prefer to use Android Studio as your main IDE to develop Flutter, you have to set dart language support to Android Studio as shown below. From here we will be focusing more on Android Studio setup, but you could also use Visual Studio Code or IntelliJ (which is similar to Android Studio).

• Preferences → Plugins → Browse Repository → type Dart in search bar → Install and Restart Android Studio.

‍

Add Flutter Plugin to Android Studio

• Preferences → Plugins → Browse Repository → type Flutter in search bar → Install and Restart Android Studio.

‍

Create Android Emulator

• Tools → AVD Manager → Opens a window
• Select → Create Virtual Device
• Phone → Nexus 5X 5’2″ → Oreo x86 → Android 8.0 → AVD Name(Nexus 5X API 26) → Finish
• Select Nexus 5X API 26 emulator → click on Launch AVD(start) button

‍

‍

#3— iOS Simulator Setup

‍

Installation of Xcode

• To execute the app in iOS simulator, we must install Xcode. Get Xcode from App Store and install.

‍

Launch iOS Simulator from Android Studio

• You can see the Flutter Device Selection button below the toolbar in Android Studio.
• If you have already installed Xcode, clicking the Flutter Device Selection button opens the iOS simulator.

‍

Useful iOS Simulator Commands

• Return to Home → Cmd+Shift+h
• See Recent Apps →Cmd+Shift+h+h
• Quit Simulator→Cmd+q

‍

#4—Using Terminal to Run on Emulator or Simulator

‍

Execute Flutter Apps from Terminal

• Run From Terminal → flutter run
• Run in all devices → flutter run -d all lib/welcome.dart

‍

If your system is connected with multiple devices then, check the connected devices with this command → flutter devices

‍

Running above command will list devices like below

SM G890UU • 4299a0c86788f678 • android-arm • Android 7.0 (API 24) (emulator)

‍

Run in the selected device → flutter run -d 4299a0c86788f678

Check the specific design/run particular dart file in a selected device → flutter run -d 4299a0c86788f678 lib/main.dart

‍

#5 — Flutter Project Structure

In this article, I am using Flutter with Android Studio.

‍

Flutter Project Structure

In the Project section, the above screenshot shows the structure of the Flutter app.

Flutter Download For Mac Computers

‍

• android: Has all the Android related files.
• iOS: Has all the iOS-related files.
• lib: Has all the dart files. This is the main folder, where we can write all the application code.
• test: Has all the testing code.
• images: I created this folder. This has all the images we used in our application.
• pubspec.yaml: Has all the third party dependencies and the assets we use in our application.
  yaml — Yet Another MultiColumn Layout.

‍

Add dependencies and images in pubspec.yaml file

flutter_rating is the third party dependency.
We have to specify assets in the pubspec.yaml. We can
specify file path with folder name and file name or only the folder name.

images/apple.jpeg → we can use only apple.jpeg image.
images/ → we can use all images that are in the images folder.

Make sure that dependencies are properly aligned with spaces. Otherwise, the images won’t display. This particular issue is hard to figure out if you are fairly new to Flutter or YAML.

#6 — How to Change App Name

‍

In Android

‍

Android folder → app → src → main → Open Manifest → change the label in Application tag.

android:name=”io.flutter.app.FlutterApplication”
android:label=”flutter_android_app”/>

‍

In iOS

‍

iOS folder → Runner → info.plist → Edit the string under CFBundleName

<key>CFBundleName</key>
<string></string>flutter_ios_app

‍

#7 — How to Change App Icon

‍

In Android

‍

Expand the Android folder → app → src → main → res → add app icons in mipmap folders.

‍

Expand the Android folder → app → src → main → open Manifest → change the icon in Application tag.

android:name=”io.flutter.app.FlutterApplication”
android:label=”flutter_android_app”
android:icon=”@mipmap/ic_launcher”>

‍

In iOS

‍
Expand iOS folder → Runner → Assets.xcassets → AppIcon.appiconset
In that folder add all app icons.

‍

Expand iOS folder → Runner → Assets.xcassets → AppIcon.appiconset → update the Contents.json file.

Flutter Download For Mac Download

‍

#8 — How to change Splash Image

‍

In Android

‍

Expand Android folder → res → drawable → add image
Expand Android folder → res → drawable → in Launch_background.xml, add bitmap tag.

<item></item>
android:gravity=”center”
android:src=”@drawable/ios_android” />

‍

Free Downloads For Mac

In iOS

Download Manager For Mac

‍

Expand iOS folder → Runner → Assets.xcassets → LaunchImage.imageset → add all sizes of splash images in the folder

Expand iOS folder → Runner → Assets.xcassets → LaunchImage.imageset → → open Contents.json → change file name

‍

I hope the above setup instructions and advice on how to set a few basic requirements are useful for beginners in Flutter app development. As Flutter is now out of beta, I look forward to seeing more and more developers using Flutter for developing Android and iOS apps with a single codebase. For motivation, check out this Widgets Library website built by the Flutter community.