Say Hi to Flutter 3

I held a presentation at the recent online meetup, "HELLO FLUTTER", which was dedicated entirely to the framework. ‍My presentation was titled "Say Hi to Flutter 3", during which I reviewed the content of the recently announced Flutter 3.0 together with the audience while also analyzing what the future holds for this increasingly more popular framework. 📈

- Video recording: https://www.youtube.com/watch?v=cqMJhWSlEAw&t=3s&ab_channel=HWSW
- Meetup link: https://rendezveny.hwsw.hu/free/74/flutter-mobil-web-fejlesztes-meetup/

Transcript

1. Flutter 3.0 Say Hi to Vogel Csongor Lead Android and Flutter Developer gerfalcon GerfalconVogel
2. iOS Android macOS Windows Supported STABLE platforms Web Linux ❗ ❗
3. Desktop support macOS - menu bars
4. Desktop support Linux Desktop notifications GSettings database Bluetooth UDisk D-Bus message bus Network connections Power management Firmware updates PackageKit Geolocation
5. Flutter Web Performance improvements
6. Image decoding We understand. We design. We implement. Fintech industry Youth banking Strategy UX & service design Digital product design Graphic design
7. App lifecycle API We understand. We design. We implement. Fintech industry Youth banking Strategy UX & service design Digital product design Graphic design gallery.flutter.dev
8. Firebase improvements The integration never was easier
9. Add Firebase to your Flutter app We understand. We design. We implement. Fintech industry Youth banking Strategy UX & service design Digital product design Graphic design
10. Add Firebase to your Flutter app We understand. We design. We implement. Fintech industry Youth banking Strategy UX & service design Digital product design Graphic design
11. App to app samples Put Flutter to Work 🏠
12. Material 3 stable
13. Material 3 stable
14. Material 3 stable
15. Material 3 stable
16. Material 3 stable (WIP)
17. Material 3 stable (WIP) MaterialApp( theme: ThemeData(useMaterial3: true) /// (...) );
18. Game Toolkit 🕹
19. Dart 2.17 New announcements
20. Named args anywhere We understand. We design. We implement. Fintech industry Youth banking Strategy UX & service design Digital product design Graphic design iOS development Android development Web development NEW Text( style: TextStyle(fontWeight: FontWeight.bold), 'Title', /// (...) ),
21. enums We understand. We design. We implement. Fintech industry Youth banking Strategy UX & service design Digital product design Graphic design iOS development Android development Web development OLD enum City { madrid, dubai, dunabogdany }
22. enums We understand. We design. We implement. Fintech industry Youth banking Strategy UX & service design Digital product design Graphic design iOS development Android development Web development OLD enum City { madrid, dubai, dunabogdany } extension CityExtensions on City { String getCurrency(City city) { switch (city) { case City.madrid: return 'EUR'; case City.dubai: return 'AED'; case City.dunabogdany: return 'HUF'; default: return ':('; } } String convertToString() !=> 'The currency code of $name is ${getCurrency(this)}'; } void main() { print(City.madrid.convertToString()); }
23. enums We understand. We design. We implement. Fintech industry Youth banking Strategy UX & service design Digital product design Graphic design iOS development Android development Web development NEW enum City { madrid('EUR'), dubai(currencyOfDubai), dunabogdany('HUF'); final String currency; const City(this.currency); static const currencyOfDubai = 'AED'; String get getCurrencySign { switch (this) { case madrid: return '€'; case dubai: return ' د . إ ' ; case dunabogdany: return 'Ft'; default: return ':('; } } @override String toString() => name.toUpperCase(); } void main() { print(City.madrid); }
24. Super constructors We understand. We design. We implement. Fintech industry Youth banking Strategy UX & service design Digital product design Graphic design iOS development Android development Web development OLD class _SemanticsDiagnosticableNode extends DiagnosticableNode<SemanticsNode> { _SemanticsDiagnosticableNode({ String? name, required SemanticsNode value, required DiagnosticsTreeStyle? style, required this.childOrder, }) : super( name: name, value: value, style: style, ); /// ... }
25. Super constructors We understand. We design. We implement. Fintech industry Youth banking Strategy UX & service design Digital product design Graphic design iOS development Android development Web development NEW class _SemanticsDiagnosticableNode extends DiagnosticableNode<SemanticsNode> { _SemanticsDiagnosticableNode({ super.name, required super.value, required super.style, required this.childOrder, }); /// ... } Minus ~2k lines of code dart fix --apply
26. “ From many angles, this is Flutter’s biggest release yet” We understand. We design. We implement. Fintech industry Youth banking Strategy UX & service design Digital product design Graphic design iOS development Android development Web development
27. Big milestones of Flutter 2018 2022.05 macOS, Linux stable 4.0 ? Beta 3.0 2.10 2.0 Windows stable Performance improvements Material 3 1.0 2022.02 2021.03 2018.12 Web stable Dart 2.0 – Null safety Desktop beta Google Mobile Ads First stable release DevTools Add to App Performance improvements 2015 🤫 🐸
28. Companies using Flutter
29. • Introducing Flutter 3 - https://medium.com/flutter/introducing-flutter-3-5eb69151622f • What’s new in Flutter 3 - https://medium.com/flutter/whats-new-in-flutter-3-8c74a5bc32d0 • Flutter 3.0.0 release notes - https://docs.flutter.dev/development/tools/sdk/release-notes/release-notes-3.0.0 • Bring Material 3 to Flutter - https://github.com/flutter/flutter/issues/91605 • Flutter Casual Games Toolkit - https://flutter.dev/games Resources
30. Ques%ons? gerfalcon.vogel@gmail.com gerfalcon GerfalconVogel