Scribd
Upload
4 views

Final Exam Note Application Development Exam

Flutter is an open-source UI toolkit by Google for building natively compiled apps across mobile, web, and desktop from a single codebase, using the Dart programming language. Key features of Dart include strong typing, object-oriented design, and fast performance, while Flutter offers various widgets for UI development and navigation. The document also outlines the advantages of Flutter, such as cross-platform capabilities, fast development, and modern UI support, along with setup instructions for the Flutter environment.

Uploaded by

Samafale Apdi Rahmaan Hakiimi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

Final Exam Note Application Development Exam

Flutter is an open-source UI toolkit by Google for building natively compiled apps across mobile, web, and desktop from a single codebase, using the Dart programming language. Key features of Dart include strong typing, object-oriented design, and fast performance, while Flutter offers various widgets for UI development and navigation. The document also outlines the advantages of Flutter, such as cross-platform capabilities, fast development, and modern UI support, along with setup instructions for the Flutter environment.

Uploaded by

Samafale Apdi Rahmaan Hakiimi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

Exam Note

What is Flutter?
Flutter is an open-source UI toolkit developed by Google.
It allows developers to build beautiful, natively compiled apps
for mobile, web, and desktop — all from a single codebase.

What is Dart?
Dart is the programming language used to build Flutter apps.
It is optimized for UI development with features like:

 Hot reload
 Strong typing
 Asynchronous programming

Dart Language Essentials

Key Features of Dart:


 Strongly typed – Variables must declare types.
 Object-Oriented – Supports classes, inheritance, etc.
 Fast & optimized – Ideal for UI rendering and
performance.

Flutter Widgets and UI

Types of Widgets:
 StatelessWidget – UI does not change (static).
1
 StatefulWidget – UI changes dynamically based on state or
user input.
Difference:
 Stateless → build() runs once.
 Stateful → uses setState() to update UI.
Common Widgets:
 Text – displays text.
 TextField – input field for typing.
 Column / Row – vertical and horizontal layouts.
 Stack – overlays widgets on top of each other.

Navigation in Flutter

Navigating Between Screens:


 Navigator.push() – moves to a new screen.
 Navigator.pop() – returns to the previous screen.
Example:
dart
CopyEdit
Navigator.push(context,
MaterialPageRoute(builder: (_) =>
SecondScreen()));
Named Routes:

2
Used for better organization in large apps.

Example:
dart
CopyEdit
routes: {
'/home': (context) => HomeScreen(),
'/profile': (context) => ProfileScreen(),
}

Hot Reload and Development Tools

Hot Reload:
 Allows developers to see code changes instantly without
restarting the app.
 Saves time and improves testing and debugging.
flutter doctor:
 Checks if all tools and dependencies are correctly installed.
Command:
bash
CopyEdit
flutter doctor

User Input & Interaction

TextEditingController:

3
Used to manage the input from a TextField.

Example:
dart
CopyEdit
TextEditingController nameController =
TextEditingController();
Button Example:
dart
CopyEdit
ElevatedButton(
onPressed: () {
print("Hello");
},
child: Text("Click Me"),
)

Real Project Example – BMI Calculator

Key Features:
 Takes user input for height and weight using TextField.
 Performs BMI calculation:
BMI = weight / (height * height)
 Displays result on a new screen using Navigator.

4
Advantages of Flutter

 Cross-platform: One codebase for Android, iOS, Web, and


Desktop.
 Fast development: Hot reload, pre-built widgets, and rich
libraries.
 Modern UI: Supports Material Design and Cupertino (iOS)
styles.
 High performance: Compiles to native machine code.

How to Set Up Flutter Environment

1. Download the Flutter SDK from flutter.dev


2. Extract the SDK and add it to your system environment
path.
3. Install Android Studio or Visual Studio Code.
4. Run flutter doctor to confirm your setup.
5. Create your first app using:

You might also like