Introduction to Flutter

Google's mobile app SDK for crafting high-quality native interfaces

Transcript

1. INTRODUCTION TO FLUTTER Google’s mobile app SDK for crafting high-quality native interfaces
2. 1. Flutter started as an experiment performed by members of the Chrome browser team at Google. • Increased Productivity - Develop for iOS and Android from a single codebase. • Fast Development - Flutter's hot reload helps you quickly and easily experiment, build UIs, add features, and fix bugs faster. • Brand First UI - Beautiful Material Design and Cupertino (iOS-flavor) widgets, rich motion APIs. • Interoperable - Platform APIs, 3rd party SDKs, and native code . • React Style Framework - Efficiently update and render Widgets when data changes.
3. Native Native Code OEM Widgets Canvas
4. Apache Cordova, Ionic, and others. HTML, CSS, JS WebView Canvas
5. ReactNative JavaScript OEM Widgets Canvas JS B R I D G E
6. Core Principles • Flutter includes a modern react-style framework, a 2D rendering engine, ready-made widgets, and development tools. • Widgets are basic building blocks of Flutter’s UI • Widgets are Unified Object Model instead of seperating view, view controllers, layouts. ◦ a structural element (like a button or menu) ◦ a stylistic element (like a font or color scheme) ◦ an aspect of layout (like padding) • Flutter is built with C, C++, Dart, and Skia (a 2D rendering engine). • The engine’s C/C++ code is compiled with Android’s NDK, and any Dart code is AOT-compiled into native code.
7. Rendering Rendering Rendering Reference -Flutter - https://flutter.io/faq/#how-big-is-the-flutter-engine https://docs.google.com/presentation/d/1cw7A4HbvM_Abv320rVgPVGiUP2msVs7tfGbkgdrTy0I/edit#slide=id.gbb3c3233b_0_162
8. Flutter Dart Widgets Rendering Canvas
9. Dart • Dart is a general-purpose programming language originally developed by Google • Approved as a open standard by ECMA. • Dart is open-source software under a permissive free software license (modified BSD license).
10. Dart 2 • Dart’s syntax is clear and concise, its tooling simple yet powerful. Sound typing helps you to identify subtle errors early. • Dart provides optimizing ahead-of-time compilation to get predictably high performance and fast startup across mobile devices and the web. • Dart compiles to ARM and x86 code, so that Dart mobile apps can run natively on iOS, Android, and beyond. For web apps, Dart transpiles to JavaScript. • Dart is familiar to many existing developers, thanks to its unsurprising object orientation and syntax. If you already know C++, C#, or Java, you can be productive with Dart in just a few days. • Dart supports asynchronous programming through language features and APIs that use Future and Stream objects.
11. Dart 2 Basic Syntax Variables
12. Dart 2 Basic Syntax Functions Dart is a true object-oriented language, so even functions are objects and have a type, Function.
13. Dart 2 Basic Syntax Optional Named Parameters Optional Positional Parameters
14. INSTALLATION
15. USING PACKAGES https://pub.dartlang.org/
16. GET STARTED