Flutter Flavors, App Icons, and Firebase Tutorial

» Flutter courses, writeups, and source code on Launch Club 🧠
drp.li/Iq9Bk
» Flutter Job Board 👋
drp.li/T9bLq
When developing apps, it’s very important to separate out your development and production environments. App flavors allow us to create multiple versions of our app with the same codebase, making it easy to create and test new features without the risk of destroying production data. You'll also learn how to generate an app icon for each flavor using the flutter_launcher_icons package and link each flavor to a different Firebase project.
» Resources 📂
Package Info Plus: pub.dev/packages/package_info...
Flutter Launcher Icons: pub.dev/packages/flutter_laun...
Flutter Flavors & Firebase Medium Article: / build-flavors-in-flutt...
Build Phase Runner Script: gist.github.com/animeshjain/b...
» Remember to like, subscribe, comment, and share this video!🚨
kzbin.info?sub_...
» Socials📱
GitHub: github.com/MarcusNg
Twitter: / marcuslng
» Timestamps 🕒
0:00 Flutter Flavors Intro
0:53 app.dart and main files
2:00 .vscode/launch.json
2:48 Android Product Flavors
3:35 iOS Xcode Schemes
5:20 App Icons with flutter_launcher_icons
6:50 App Icons - iOS Setup
7:12 Flavors work!
7:25 Firebase Setup
7:51 Flutter Firebase Flavors - Android
8:18 Flutter Firebase Flavors - iOS
9:07 Thanks for watching!
» Affiliates 🔥
3D Mockups - LaunchClub.io/rotato
» Music 🎶
Joakim Karud ( / joakimkarud )
#Flutter #MobileDevelopment #AppIcons

[@diegodig9]

April 2024 and still working like a charm. Thank you very much for this amazing content!!!!

[@mhmzdev]

2 years, and this video is still helpful Thanks bud!

[@so7300]

Great! Love the production quality of your videos.

[@TheBlackstarEdit]

The best flavors tutorial, you saved my day. Thanks a lot Marcus!

[@rog0079]

Excitement of new video

[@alvin3171997]

Finally someone that cover Flavors setup for firebase. Thank you sir!

[@firgia]

The best Flavors tutorial. Thanks 🤩

[@kirilllapshev]

Thank you for this amazing tutorial, you saved me lot of time!

[@LucaFang]

This is super useful! Thanks for sharing!

[@bmk4308]

Yeah! Marcus is back...I'm a Launchclub member. Learning a lot from your courses

[@maxdegreat566]

@@saagilkhan5854 maybe i can answer i was subscribed for abt 4 months

[@vpsrihari]

this has always been a challenge for me. than you so much. can you also show more of production ready design patterns please.

[@MarkOSullivan]

Thanks for featuring flutter_launcher_icons ❤️

[@flutter_man]

Just a perfect tutorial, well done !

[@warunakaushalya4157]

You're back after a long time 😍

[@petariliev1165]

Saved me a lot of trouble, very useful!

[@hamzamateen7827]

This video is seriously a lifesaver. ❤

[@snickr6377]

Thanks Marcus. Best flutter channel ever

[@edycarreyes99]

X2

[@tripplee11]

Very useful tutorial! Thank you !

[@edycarreyes99]

You're the best one! 🔥💪🏻

[@kevansaba3844]

Amazing tutorial! Thanks!!

[@lugardjulien5326]

exactly what I needed, thank you

[@exonent]

The king comes back! Like then play the video!

[@user-kw4kp7eq9m]

Good job! Thank you very much!

[@DongNguyen-lu9ej]

Thanks you Marcus Ng for such a great tutorial. But i wonder how can we combine this with .env file that contained different api_url, api_key for each environment ?

[@binarnesia]

this will be very handy at my work

[@philohan95]

How does the correct dart-defined flavor get used when app is built from xcode or android studio which will happen when uploading a build to the respective app stores?

[@DraskoSaric]

Great video tutorial, thank you! For some reasons I can't run this app on iOS simulator for production build? ANy idea why?

[@user-cr8jr3mf3k]

Thanks, beautiful video

[@oluwaseunodunlade3285]

Thank you!!!!

[@safyianmughal3351]

great work ♥

[@JKW3973]

Works Great

[@cameronarnold511]

If we trying to create a Codemagic build, what do we specify in the Build arguments to build the specific flavor and main_*flavor*.dart file

[@burntleaves1178]

Awesome work

[@vasugajjar2325]

U r back 🥳🥳

[@mustafayazlmc3973]

You the best dude

[@diego2020e]

Excellent video, could you make an updated one using firebase cli?

[@arnobchowdhury3191]

did you find anything

[@MichaelMillerGR]

You are my savior

[@fille.imgnry]

How do you use flavors when building for release? the --flavors command doesnt exist for flutter build.

[@MegaMarte1992]

i have a ask to you, is possibel i have 2 differents folders android? and change in build wich one i will use?

[@soulreaver7802]

What about the storage will it increase the app size

[@jadenwatt1977]

When I generate the .ipa file to upload to the App Store, how do I make sure the right environment is being pointed to

[@ahmadmaulana6938]

Thank you! I have a question, how to build apk with this configuration?

[@usernotfound5857]

Hey Marcus, where are you from bro? Sounds like a Singapore/Malaysian accent. And btw, thanks for all your tutorials broski :D

[@itzsamplays7493]

Is this style inspired by fireship?

[@cptsakamoto]

How do we initialize Firebase.initializeApp with different firebase options files

[@keithbacalso9433]

I dont get it why do we have to create 3 separate files for `main_dev, ,main_stg, main_prod`. If there is already a launch.json that can target one `main.dart` ???

[@jadenwatt1977]

I'm getting an error when running the production build on my real device. It can't find a specific import which makes no sense. Could i have set things up wrong?

[@sangaranaarayananr3134]

bro do i need to add flutter_flavors as a dependency?

[@thelazycomputer99]

i like the meme lol

[@shilpavania4113]

This video helped a lot and worked with android when i try to run in ios it gives me below error. can anybody help me with this. Error: Error when reading 'lib/main.dart': No such file or directory package:untitled/main.dart: Error: No 'main' method found. Try adding a method named 'main' to your program

[@vishwajeetpatil9381]

I am also facing the same issue. Do you find any solution?

[@KishanSavani-yu2bh]

What to do when user tries to create archive from xCode and signed AAB from Android studio

[@kasvith]

Better than official docs

[@parthbhanderi6077]

I followed the tutorial till the icons set up and when I ran the app by selecting development flavour I got the below error in my vs code terminal. Could not find an option named "flavour". Run 'flutter -h' (or 'flutter -h') for available flutter commands and options. Does anyone face this error??

[@shei69]

use dart-define instead

[@piyushlimited]

How can I access Flavour to other files in app ? Suppose I want to write the code according to Condition if flavor == dev ? code : code So, how can I access the flavour ? Any idea ?

[@sangaranaarayananr3134]

did you find any i have seen somthing like dart-define but it is like a normal variable

[@namanvaishnav6193]

Exception: You must specify a --flavor option to select one of the available schemes. ^ I'm getting this exception , need help

[@namanvaishnav6193]

solved it , seems scheme name should match with flavor name in launch.json

[@stenlyrachmad3854]

please help this command is not recognized in my terminal flutter pub run flutter_launcher_icons:main -f flutter_launcher_icons* zsh: no matches found: flutter_launcher_icons* I have followed the video exactly the same

[@TheMartaDias]

Did you add the package?

[@RizkyRamadhan-hu3of]

Hi dude, would you make a tutorial about BLoC state management? Thank you.

[@guzidev]

Why ios app's name is showing "DevFlavorsExample" instead "Dev Flavors Example" ? Could someone helping me with that please?

[@edwardphilipguarin6460]

it states in the tutorial that if the characters is longer than 12, then it will remove all spaces

[@md.abdulhalimrafi9940]

This is an asset

Google almost never gets anything right for developers (except for Flutter, which is awesome). Flavours themselves are one of the exceptions, those work quite well, but Firebase... Why... Why can't I use different environments dynamically from code? Why do I have to decide compile time? I've read some things about Firebase which design decisions I believe to be the cause for this, but those are bad on their own too, and then they only limit you, and complicate your build process. A proper SDK is manually initialized by its user, and you can pass in whatever you want. With Firebase, you automatically get magic bs in your app, if, which doesn't fit you, it's super hard to turn off, and since you don't get to initialize Firebase from your executable code, you need to bundle its config as resources, complicating your whole setup. Shame on Google. It's just sooooooo bad. On the other hand, your video is a godsend, very useful resource to guide us through this hell.

[@battleGroundAce832]

Hi, I am getting an error while runnig A problem occurred evaluating project ':app'. > Could not find method flavorDimensions() for arguments [default] on project ':app' of type org.gradle.api.Project

[@achmadyusuf_109]

do you find the solutions?

[@battleGroundAce832]

@@achmadyusuf_109 no