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.