0% found this document useful (0 votes)
13 views8 pages

CH 1

Uploaded by

at9653503
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
13 views8 pages

CH 1

Uploaded by

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

Mobile Application &

development
Chapter 1
By
Muhammad Tahir Ali
Meet Flutter

 An introduction to Google's UI toolkit for


building beautiful, natively compiled
applications
Introduction to Flutter
 What is Flutter?
◦ Open-source UI framework by Google.
◦ Used for building cross-platform apps (iOS,
Android, Web, and Desktop) from a single
codebase.
◦ Written in Dart programming language.
◦ Powers apps like Google Ads, Alibaba, and
more.
Benefits of Using Flutter

 Single Codebase for Multiple Platforms


◦ Write code once, run it on iOS, Android, and more.
 Fast Development
◦ Hot Reload for instant updates in development.
◦ Save time on debugging and UI adjustments.
 Expressive and Flexible UI
◦ Offers a rich set of customizable widgets to create
beautiful UIs.
 High Performance
◦ Flutter compiles to native ARM code, ensuring
smooth performance on mobile platforms.
Why Flutter?
 Cross-Platform Development
◦ One codebase for multiple platforms.
◦ No need for separate teams to maintain Android and iOS
apps.
 Fast Prototyping and Iteration
◦ Hot Reload feature allows developers to instantly see
changes without losing app state.
 Performance
◦ Flutter apps run natively, thanks to compiled code (not
interpreted like web-based hybrid apps).
 Native Integration
 Access platform-specific APIs and libraries with
plugins and platform channels.
Building UIs in Flutter
 Widgets as Building Blocks
◦ Everything in Flutter is a Widget (text,
buttons, layouts, etc.).
◦ Widgets are arranged in a widget tree,
creating the structure of the UI.
◦ Stateless vs Stateful widgets:
 Stateless: No internal state, static content.
 Stateful: Manages state and can be updated
dynamically.
Flutter’s Rendering Engine
 How Flutter Renders UIs
◦ Uses Skia graphics engine to render UIs.
◦ Draws every pixel on the screen, giving fine
control over every part of the UI.
 Native Performance
◦ Flutter’s engine communicates directly with the
platform’s canvas, resulting in highly
performant apps.
 Custom Rendering
◦ Since Flutter handles rendering independently of
the platform, UI looks consistent across devices.
Conclusion
 Summary of Key Points:
◦ Flutter provides a fast, productive, and
powerful framework for building cross-platform
applications.
◦ Its Hot Reload, widgets, and native
performance make it stand out from other
frameworks.
 Rendering engine ensures smooth and
flexible UIs that look consistent on
different platforms.

You might also like