Flutter allows us to make build beautiful native apps on iOS and Android from a single codebase. Flutter’s widget architecture incorporates all the critical platform differences such as scrolling, navigation, icons, and fonts to provide full native performance on both iOS and Android devices.
Flutter’s hot reload helps us quickly and easily experiment, build UIs, add features, and fix bugs faster. Experience sub-second reload times without losing the state on emulators, simulators, and hardware for iOS and Android.
Delight your users with Flutter’s built-in beautiful Material Design and Cupertino (iOS-flavor) widgets, rich motion APIs, smooth, natural scrolling, and platform awareness.
We are using Flutter 1.0 for this installation demo. So let us see How To Install Flutter On Mac.
How To Install Flutter On Mac
If we want to install and run the Flutter, our development environment must meet the following 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.
Step 1: Get the Flutter SDK
You can download the Flutter SDK from here.
Now, you need to unzip that package. Then, you can move that unzipped folder to the project where you save all the other project folders or stay wherever it was.
Add flutter to path mac.
The next step is to configure the System Path for a flutter. To do that, you need to add the flutter path to the environment variables.
So, open the .bash_profile or .zshrc file and add the following kind of path to it.
See, here, the above path is mine, and yours might be different. So add the correct path according to your folder structures. Finally, save the file and exit.
Step 2: Run the Flutter Doctor
You can check out where the Flutter has the correct path or not by typing the following command.
So, here It is, showing me the right path. Now run the following command.
You will see something like this.
The above command checks your environment and displays the report to a terminal window. The Dart SDK is bundled with a Flutter; it is not necessary to install the Dart separately.
Check the output carefully for other software you may need to install or further tasks to perform the complete installation.
Step 3: Android Setup
Right now, the current version of Android Studio is 3.2. Therefore, flutter relies on the full installation of Android Studio to supply its Android platform dependencies.
However, you can also write your Flutter apps in some editors like Visual Studio Code. But, we need the android studio to create android virtual devices and some other dependencies.
Install Android Studio
- Download and install Android Studio.
- Start the Android Studio, and go through the ‘Android Studio Setup Wizard.’ This installs the latest Android SDK, Android SDK Platform-Tools, and Android SDK Build-Tools, which are required by the Flutter when developing a Flutter App for Android. If you have already installed then update it to the latest version and all the other SDKs.
Set up the Android emulator
Now, to run and test your Flutter app on the Android emulator, follow these steps.
- Enable VM acceleration on your machine.
- Launch Android Studio > Tools > Android > AVD Manager and select Create Virtual Device. (The Androidsubmenu is only present when inside an Android project.)
- Choose a device definition and choose Next.
- Select one or more system images for the Android versions you want to emulate, and select Next. An x86or x86_64 image is recommended.
- Under Emulated Performance, select Hardware – GLES 2.0 to enable hardware acceleration.
- Verify the AVD configuration is correct, and select Finish. For details on the above steps, see Managing AVDs.
- In Android Virtual Device Manager, click Run in the toolbar. The emulator starts up and displays the default canvas for your selected OS version and device.
Step 4: IOS Setup
If we want to develop Flutter apps for iOS, you need a Mac with Xcode 9.0 or newer. I am using XCode 10.1
Set up the iOS simulator
We can prepare to run and test your Flutter app on the iOS simulator by following these steps:
- On your Mac, find the Simulator via Spotlight or by using the following command:
open -a Simulator
- Make sure your simulator is using a 64-bit device (iPhone 5s or later) by checking the settings in the simulator’s Hardware > Device menu.
- Depending on your development machine’s screen size, simulated high-screen-density iOS devices may overflow your screen. Set the device scale under the Window > Scale menu in the simulator.
Step 5: Create a new Flutter Project
- Invoke View > Command Palette.
- Type “flutter”, and select the Flutter: New Project.
- Enter a project name, such as the app, and press Enter.
- Create or select the parent directory for the new project folder.
- Wait for project creation to complete and the main.dart file to appear.
It will take you to the file system where you can create a project folder, and that is it rest will do by the editor, and it will create a brand new project.
Now go to the root of the project inside your terminal and type the following command.
I have open both Android and iOS Simulators. So it looks like this.
That’s it for this tutorial.