Welcome to Flutter

Transcript

1. Welcome to Flutter A new way to develop
2. What is Flutter 2020? Flutter is an open-source mobile SDK that developers can use to build native-looking Android and iOS applications from the same code base using a Google language called Dart.
3. Flutter on Google Trends
4. Structure
5. Widgets Flutter screens are basically made of widgets, each element that you can see like: texts, images, cards, buttons... They are all widgets! P.S: A widget is an immutable description of part of a user interface.
6. Widgets
7. State According to Flutter documentation state of an app is everything that exists in memory when the app is running and a even better definition could be: state is whatever data you need in order to rebuild your UI at any moment in time.
8. Stateless Widget It's a widget that can't change its state while the app is running, this mean that the widget cannot be redrawn while the app is in action.
9. Stateless Widget
10. Statefull Widget It's a widget that are mutable and can be drawn multiple times within its lifetime.
11. Statefull Widget
12. Statefull Widget
13. Statefull Widget
14. Statefull Widget
15. List Because of the declarative way, Flutter makes hard things really easy to achieve. Like a list for example, in Android you need some files in order to make a list work. • A layout that describe how the items should be displayed • A layout with recyclerview/listview • An adapter/viewholder • A class that will tie everything together Even for a simple list you need everything above! No way!
16. List Widget
17. References • State management • Declarative and Imperative Programming using SwiftUI and UIKit | by Robert Mejia | Flawless iOS • Flutter: Stateful vs Stateless Widget | by Souvik Biswas | Flutter Community • Content on Declarative UI
18. The End