Flutter can save your time and money, as it's now is a portable framework that allows you to compile your application for 6 different platforms and more with the same code base

1. Ahmed Abu Eldahab
GDE Flutter & Dart
@dahabdev
6 X 1 = Flutter !

2. Ahmed Abu Eldahab
Google Developer Expert in Flutter & Dart
Senior Technical Consultant
Kortobaa LLC CTO
/Dahabdev

3. bit.ly/dahab-youtube

4. Flutter is Google’s UI toolkit
for building beautiful,
natively compiled
applications for mobile, web,
and desktop from a single
codebase

6. There are approximately
150,000 Flutter apps
published in the Play Store
alone.

7. ● Language and Libraries
● Packages manager https://pub.dev
● Virtual machine
● Compile to Javascript dart2js
Dart is a client-optimized language for fast apps on any platform!
(Web - Desktop - Mobile - Embedded)?

10. Flutter 2.0 introduced
support for 6 platforms
(Windows, macOS,
Linux, Web, iOS,
Android) in stable
channel
Stable Web Early Stable Support for Desktops
Fully Null Safety

11. Web
bit.ly/dahab-youtube

12. Web

13. Web
Flutter 2.0 Web

14. Web
Setup

15. https://flutter.dev/docs/get-started/web
Confirm support
Web

16. Flutter Run
Web

17. Web

18. Web

19. Web
https://flutter.dev/docs/development/tools/web-renderers

20. Web
https://rive.app https://code.irobot.com

21. Run using HTML
Web
flutter run -d chrome --web-renderer html

22. Web

23. Web Build
Web
flutter build web --release
flutter build web --web-renderer canvaskit --release
flutter build web --web-renderer html --release

24. Web

25. Desktop
Flutter’s desktop support
is available in the stable
channel under an early
release flag

26. Enable Desktop
Web
flutter config --enable-<platform>-desktop
flutter config --enable-windows-desktop
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop

27. Flutter Run
Web

28. Desktop

29. Desktop

30. Desktop

31. Desktop

32. Desktop

33. Desktop
https://devblogs.microsoft.com/surface-duo/flutter-dual-screen-foldable/

34. Desktop

35. bit.ly/dahab-youtube

40. http://firebase.flutter.dev/

41. 6 X 1 = Flutter !

42. https://www.automotivelinux.org/

46. Architectural layers

47. https://github.com/flutter/flutter/wiki/Custom-Flutter-Engine-Embedders

50. Enable a new platform
flutter config --enable- web
flutter config --enable-windows-desktop
flutter config --enable-macos-desktop
flutter config --enable-linux-desktop

51. Enable a new platform
flutter precache -a
flutter create .

55. https://pub.green

57. Thanks

59. Ahmed Abu Eldahab
Google Developer Expert in Flutter & Dart
Senior Technical Consultant
Kortobaa LLC CTO
/Dahabdev