Abstract:

This video provides a comprehensive guide on installing Flutter, Google's open-source UI software development kit, on an Ubuntu operating system. It details the step-by-step process, beginning with the installation of necessary command-line tools like curl and git, followed by downloading and configuring the Flutter SDK by adding its path to the system's environment variables. The tutorial then covers the installation and initial setup of Android Studio, including integrating the Flutter plugin, which is essential for developing Flutter applications. Finally, it demonstrates how to create a new Flutter project, set up and run an Android emulator, and showcase Flutter's hot reload feature, allowing developers to see code changes instantly.

Installing Flutter on Ubuntu: A Step-by-Step Guide

• 0:00 Introduction to Flutter: Flutter is an open-source UI toolkit by Google for developing cross-platform applications across Android, iOS, Linux, macOS, Windows, and web from a single codebase. This video guides on installing it on Ubuntu and creating a first project.
• 0:23 Installing Command-Line Tools: Before Flutter installation, ensure bash, curl, and git are installed. Use which <command> to check if they exist, and sudo apt install <command> to install them if needed (e.g., sudo apt install curl git).
• 1:46 Downloading Flutter SDK: Download the Flutter .tar file from the official flutter.dev website.
• 2:00 Extracting Flutter: Extract the downloaded .tar file into a chosen directory, such as a new dev folder within your home directory.
• 2:50 Adding Flutter to PATH: Add the flutter/bin directory's path to your system's ~/.bashrc file by editing it with gedit ~/.bashrc. Append export PATH="$PATH:[path_to_flutter_bin]" (e.g., export PATH="$PATH:/home/youruser/dev/flutter/bin"), then save and restart your terminal.
• 4:06 Verifying Flutter Installation: Confirm Flutter is correctly installed by running which flutter (should show the path) and flutter --version (should display the Flutter version).
• 4:49 Installing Android Studio: Download the Android Studio .tar file from developer.android.com. Extract it into your desired development directory (e.g., /home/youruser/dev).
• 5:40 Launching and Setting up Android Studio: Navigate to the android-studio/bin folder, open a terminal, and run ./studio.sh to start Android Studio. Follow the on-screen setup, choosing a standard installation and accepting all license agreements.
• 6:47 Installing Flutter Plugin: Within Android Studio, go to "Plugins," search for "Flutter," install the plugin, accept the terms, and restart the IDE. This enables Flutter project creation options.
• 7:27 Creating a New Flutter Project: Click "New Flutter Project," select "Flutter," ensure the SDK path is detected, provide a project name (use underscores instead of hyphens for package names, e.g., first_project), and an organization name (e.g., com.example).
• 8:30 Setting up an Android Emulator (AVD): Open the Device Manager in Android Studio, create a new device (e.g., Pixel 5), download a system image (e.g., API 32), and then launch the emulator.
• 9:09 Running the Flutter App: Once the emulator is running, open lib/main.dart in your Flutter project and click the "Run" button (usually at the top or by right-clicking main.dart) to deploy the default Flutter application to the emulator.
• 9:48 Demonstrating Hot Reload: Modify text within the main.dart file (e.g., change the app title or button text). Save the changes (Ctrl+S), and observe the updates instantly appearing on the emulator without needing to re-run the entire application.
• 10:36 Conclusion: The video concludes, demonstrating a successful Flutter setup and initial project creation with hot reload functionality on Ubuntu.