FLUTTER ANDROID MOBILE APP
DEVELOPMENT
A brief insight On app development
B. Vijay Kumar
INTRODUCTION TO FLUTTER
Flutter is an open-source UI software development toolkit created by
Google. It is used to build natively compiled applications for mobile
(Android & iOS), web, and desktop from a single codebase.
What Makes Flutter Special?
1.Cross-Platform Development: Write once, run on multiple platforms.
2.Dart Language: Flutter apps are written in Dart, a language developed by Google.
3.Hot Reload: Instantly see changes without restarting the app.
4.Rich Set of Widgets: Build beautiful and customized UIs with ready-to-use widgets.
5.High Performance: Compiles to ARM(Advanced RISC machine) or Intel machine code
as well as JavaScript for web apps.
USE CASES COMPANIES USES FLUTTER
Google
Mobile apps (Android & iOS)
Alibaba
Web apps
eBay
Desktop apps (Windows, macOS,
Linux) BMW
Note:
We cannot develop Windows Mobile apps Many startups and enterprises
using Flutter
worldwide
SYSTEM REQUIREMENTS
B. Vijay Kumar
System Requirements to develop applications using flutter and android studio
Operating System:
Platform Minimum Requirement
Windows Windows 10 or later (64-bit)
Note: Flutter does not officially support Windows 8
macOS macOS 12 (Monterey) or later (for iOS development)
Linux Any modern 64-bit distribution
Hardware Requirements
Component MinimumRecommended
RAM 8 GB 16 GB or more
Note: We can run Flutter on with 4GB RAM also but with some limitations and it
will be slow.
Disk Space 5 GB (for Flutter SDK & Android Studio) + space for Android Emulator
ProcessorIntel i5 or equivalent (64-bit CPU) Intel i7 or Apple Silicon for macOS
Graphics OpenGL 2.0 capable GPU OpenGL 3.2+ for better performance
SOFTWARE REQUIREMENTS
B. Vijay Kumar
Software Requirements
🟦 For Flutter
https://flutter.dev/docs/get-started/install
Select : Windows , Android and scroll down and download flutter_windows_3.32.5-stable as shown below
Note: Dart SDK (comes bundled with Flutter)
🟦 For Android Studio
Latest Android Studio
https://developer.android.com/studio
Includes the following:
Android SDK
Android Emulator or a physical device
Android SDK Platform tools
Java JDK (Android Studio includes
OpenJDK)
Required Android API (e.g., API 33 or 34)
Steps to Install and making flutter setup to build mobile application using android studio:
Step 1: Download and Install Flutter SDK
Go to: https://flutter.dev/docs/get-started/install
Choose your operating system (Windows/macOS/Linux).
Download the Flutter SDK (usually as a .zip file).
Extract it to a suitable location (e.g., C:\flutter or D:\flutter on Windows).
Step 2: Set Environment Variable (Optional but recommended)
Add the Flutter SDK’s bin folder to your system's PATH environment variable.
Example: C:\flutter\bin
and also required below(cross check)
C:\Windows\System32
C:\Windows\SysWOW64\WindowsPowerShell\v1.0
C:\Program Files\Git\bin
C:\Program Files\Git\cmd
The above two are optional and need to be added when git is installed on the local machine
Step 3:
Run flutter doctor command in command prompt( to check whether flutter installed or not)
Outpu
t:
Steps to Install and making flutter setup to build mobile application using android studio: (Contd..)
Step 4: Install Android Studio
Download from: https://developer.android.com/studio
During setup, make sure to install:
Android SDK
Android Emulator
Android Virtual Device (AVD)
Step 5: Install Flutter and Dart Plugins in Android Studio
Open Android Studio → Go to Plugins (under Settings or
Preferences)
Search and install:
Flutter
Dart(this will be installed during flutter installation)
Restart Android Studio after plugin installation.
Step 6: Configuration – Android Studio with Flutter
(This can be done when we open a new flutter project)
which is used to setup and development flutter apps using dart language
flutter sdk path:
D:\flutter
dart sdk path:
D:\flutter\bin\cache
Note: These paths are from my machine
Step 7: Close and Re-Open the Android Studio to create New flutter Project
Step 8: Create an AVD (Android Virtual Device) with that system image.
Step 9: Run the application using selected AVD/Emulator
There are two ways to run the application:
1.Select the AVD from the device menu and click on start
2.Select the AVD from the device menu and open terminal and type flutter
run
Note: To run the application, need internet (first time) because it will download the ndk(native development kit) to run the
emulator chosen, It takes lot of time first time configuration
IDE with one flutter application deployed on pixel 9
Emulator:
Folder
Main Flutter Code:
Structure: main.dart: Entry point of your app.
Android Specific Code:
Written in Kotlin/Java (interacts with Android platform).
IOS Specific Code:
Used when building iOS apps.
Testing Code
Contains unit and widget tests.
Generated Build Files
Auto-generated during build.
App Configuration File
Declares dependencies, assets, fonts, and metadata.
Similar to package.json in Node.js.
FLUTTER COMPONENTS
Flutter provides a rich set of components (also called widgets) that are
used to build mobile, web, and desktop applications.
1. Basic Widgets – Text,Container,Row,Column,Image and Icon
2. Layout Widgets – Padding,Center,Align,Expanded,SizeBox,Stack and Wrap
3. Input & Buttons – TextField,Checkbox,Radio,Switch,ElevatedButton,TextButton and
IconButton
4. Styling & Themes – Theme,TextStyle and ColorScheme
5. State Management Widgets – StatefullWidget,StatelessWidget and setState()
6. Navigation & Routing – Navigator,MaterialPageRoute and Drawer
7. Feedback & Alerts – Snackbar, AlertDialog and BottomSheet
Note: In Flutter, there is no official toolbox UI (like in Android Studio’s layout editor) where you
can drag and drop widgets visually. However, there are third-party tools and platforms that offer
drag-and-drop interfaces for building Flutter UIs.
Example: FlutterFlow, Supernova, UI Bakery etc.,
Thank
you
Let’s
Begin
