Flavors in Flutter

Flavors in Flutter @GDG Ahmedabad meetup

https://gdg.community.dev/events/details/google-gdg-ahmedabad-presents-flavors-in-flutter/

Transcript

1. Flavors in Flutter Mahtab Tadayon PAGE 1
2. Mahtab Tadayon § Software Engineer at MediamarktSaturn Retail Group § Founder of Flutter Explained § YouTube content creator PAGE 2
3. Agenda Enviornment & Flavor Flavors in Action Configure Flutter Project Setup Flavors for Android PAGE 3 Optimize workflow with Android Studio & VSCode
4. Environment § A computer system, in which a software will be deployed § Personal projects § developer's workstation § Industrial projects with end users § Development environment § Testing environment § Production environment PAGE 4
5. Flavor § One source code for multiple projects § Each flavor is a product for itself § Each flavor has different environments § Set different URL for api calls, icons and names § The concept of flavors is from Android apps § Flavors are also possible for iOS apps PAGE 5
6. Environment vs. Flavor Environment § One and same application § Mainly for deployment § The behavior and the visualization don’t change Flavor § One source code with multiple apps § Use different app's name, icons and package name § Each flavor can be an own product PAGE 6
7. PAGE 7 Flavors In Action Michael Jack Mahtab
8. Greatest Project Ever PAGE 8
9. PAGE 9 Cactus Application Leaf Application Our Applications
10. PAGE 10
11. Workflow PAGE 11 void main() { mainCommon(config); } void main() { mainCommon(config); } void mainCommon(AppConfig config) { runApp(MyApp(config)); } main_cactus.dart main_leaf.dart main_common.dart class AppConfig {} App_config.dart
12. Configuration Steps § Rename main.dart --> main_common.dart § Create an AppConfig class to store the configuration, such as flavor name, API endpoint … § Create main.dart file for each flavor § main_cactus.dart § main_leaf.dart § Adjust the main_common.dart with appConfig parameter PAGE 12
13. main_common.dart PAGE 13
14. AppConfig PAGE 14
15. main_leaf.dart main_cactus.dart PAGE 15
16. Setup Flavors for Android § Adjust the build.gradle § FlavorDimensions are the same for all flavors § Different app ids for different flavors § Add app icons for each flavor § Run Flutter § flutter run -t lib/main_dev.cactus --flavor cactus § flutter run -t lib/main_leaf.dart --flavor leaf PAGE 16
17. build.gradle PAGE 17
18. App Icons PAGE 18
19. Build command § Run Flutter build with flavor § flutter run -t lib/main_cactus.dart --flavor cactus § flutter run -t lib/main_leaf.dart –flavor leaf PAGE 19
20. Optimize Workflow for Android Studio PAGE 20
21. Optimize Workflow for VSCode PAGE 21 launch.json
22. Live Session PAGE 22
23. Conclusion § Flavor help us to: § Have multiple projects from a single code base § Reduce amount of code and time § Use them for different development stages § Customize each project PAGE 23
24. Resources § GitHub Repo: https://github.com/mt-tadayon/flutter_with_flavors § Helpful articles for flavors: https://flutter.dev/docs/deployment/flavors PAGE 24
25. Question & Answer PAGE 25