First Contact to Flutter

Transcript

1. My First Contact with Flutter By Moro
2. Summary - Overview - What a Flutter Project looks like? - Comparing an Android Native Project to the same Flutter Version - Tutorials and References to Learn Flutter
3. Summary - Overview - What a Flutter Project looks like? - Comparing an Android Native Project to the same Flutter Version - Tutorials and References to Learn Flutter
4. Overview - What is Flutter? Flutter is a UI toolkit to build natively compiled applications for mobile, web and desktop from a single codebase - How it works? Is there something related to Dart Language? Yes, Dart is the language used to build Flutter apps. 4
5. Overview - Initial Release: May 2017. - Who’s using Flutter? - According to https://flutter.dev/ , the organizations that are using Flutter are: 5
6. Summary - Overview - What a Flutter Project looks like? - Comparing an Android Native Project to the same Flutter Version - Tutorials and References to Learn Flutter
7. app lib <directory> pubspec.yaml <file> android <directory> ios <directory> How a Flutter Project looks like? 7
8. How a Flutter Project looks like? app lib <directory> pubspec.yaml <file> android <directory> ios <directory> Dart code 8
9. How a Flutter Project looks like? app lib <directory> pubspec.yaml <file> android <directory> ios <directory> Configuration file 9
10. How a Flutter Project looks like? app lib <directory> pubspec.yaml <file> android <directory> ios <directory> Generated files 10
11. Summary - Overview - What a Flutter Project looks like? - Comparing an Android Native Project to the same Flutter Version - Tutorials and References to Learn Flutter
12. Project 12
13. Kotlin vs Dart 13
14. Project 14
15. Kotlin vs Dart Movie.kt movie.dart 15
16. Project 16
17. Kotlin vs Dart GetPopularMoviesUseCase.kt get_popular_movies_use_case.dart 17
18. Project 18
19. Kotlin vs Dart ApiRepository.kt api_repository_impl.dart 19
20. Project 20
21. Kotlin vs Dart FavoriteMoviesDAO.kt api_repository_impl.dart 21
22. Project 22
23. Kotlin vs Dart App.kt main.dart 23
24. Project 24
25. Android Version Flutter Version 25
26. Kotlin vs Dart FiveStarsComponent.kt stars_widget.dart 26
27. Kotlin vs Dart MovieDetailedActivity.kt movie_details_screen_widget.dart 27
28. Kotlin vs Dart MovieDetailedViewModel.kt movie_details_state.dart 28
29. What are the Disadvantages of Flutter? (In my opinion) - Sometimes the debugger in Android Studio doesn’t work; - Code depth is high mainly in UI layer to build Widgets; - I can’t find a way to preview the layout before running the code; - The APK generated is heavier compared to an android native application: - My Personal Project - Android Native Version: 6MB - Flutter Version: 39MB (~6,5 times heavier) 29
30. What are the Advantages of Flutter? (In my opinion) - Single code base; - Hot reload is a helpful feature. It is possible to see quickly the differences that you made; - Beautiful UI with minimal effort; - Great performance. 30
31. How to do it in Flutter? - Unit tests - Dependency Injection with Flutter? Is it possible? How to do? - Bitrise integration to CI/CD - Night mode 31
32. Summary - Overview - What a Flutter Project looks like? - Comparing an Android Native Project to the same Flutter Version - Tutorials and References to Learn Flutter
33. Tutorials and References to Learn • For Android devs: https://flutter.dev/docs/get-started/flutter-for/android-devs • For iOS devs: https://flutter.dev/docs/get-started/flutter-for/ios-devs • For React Native devs: https://flutter.dev/docs/get-started/flutter-for/react-native-devs 33
34. Tutorials and References to Learn • Flutter Gallery: https://gallery.flutter.dev/ • YouTube Channel: https://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw 34
35. Thanks My personal project here