Smartphone Application Development
Flutter
Md. Moshiur Rahman
Flutter Features
Downloads
● Flutter SDK: https://docs.flutter.dev/get-started/install
● Dart: https://gekorm.com/dart-windows/
● Android Studio: https://developer.android.com/studio
Flutter Installation
Install Android Studio
Get the official Integrated
Development Environment (IDE)
for Android app development.
Install Flutter Extensions
Create & Run Your First Flutter App
Create & Run Your First Flutter App
Create & Run Your First Flutter App
Flutter Project Structure
.idea:
• This folder is at the very top of the project structure.
• Holds the configuration for Android Studio.
• It doesn't matter because we are not going to work with.
• So that the content of this folder can be ignored.
.android:
• This folder holds a complete Android project
• Used when you build the Flutter application for Android
• When the Flutter code is compiled into the native code
• It will get injected into this Android project
• That the result is a native Android application
Flutter Project Structure
.ios:
• This folder holds a complete Mac project
• used when you build the Flutter application for iOS
• When the Flutter code is compiled into the native code
• It will get injected into this iOS project
• that the result is a native iOS application
• Building a Flutter application for iOS is only possible when you
are working on macOS
Flutter Project Structure
lib:
• It is an essential folder, which stands for the library
• It is a folder where we will do our 99 percent of project work
• Inside the lib folder, we will find the Dart files which contain the
code of our Flutter application
• By default, this folder contains the file main.dart, which is the
entry file of the Flutter application.
Flutter Project Structure
test:
• This folder contains a Dart code,
• Which is written for the Flutter application.
• Perform the automated test when building the app.
• It won't be too important for us here.
Flutter Project Structure
.gitignore:
• It is a text file containing a list of files, file extensions, and folders
• that tells Git which files should be ignored in a project.
• Git is a version-control file for tracking changes in source
Flutter Project Structure
.metadata:
• It is an auto-generated file by the flutter tools.
• Used to track the properties of the Flutter project.
• This file performs the internal tasks.
• So you do not need to edit the content manually at any time.
Flutter Project Structure
pubspec.yaml:
It is the project's configuration file that will use a lot during working
with the Flutter project. It allows you how your application works.
This file contains-
• Project general settings such as name
• Description, and version of the project.
• Project dependencies.
• Project assets (e.g., images).
Flutter Project Structure
pubspec.lock:
• It is an auto-generated file based on the .yaml file.
• It holds more detail setup about all dependencies.
