Flutter Flavors, App Icons, and Firebase Tutorial

Поделиться
HTML-код
  • Опубликовано: 31 май 2024
  • » 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!🚨
    ruclips.net/user/MarcusNg?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

Комментарии • 72

  • @mhmzdev
    @mhmzdev 6 месяцев назад +6

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

  • @diegodig9
    @diegodig9 Месяц назад +1

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

  • @TheBlackstarEdit
    @TheBlackstarEdit 2 года назад +7

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

  • @so7300
    @so7300 2 года назад +5

    Great! Love the production quality of your videos.

  • @alvin3171997
    @alvin3171997 2 года назад +2

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

  • @firgia
    @firgia 2 года назад +2

    The best Flavors tutorial.
    Thanks 🤩

  • @rog0079
    @rog0079 2 года назад +1

    Excitement of new video

  • @DongNguyen-lu9ej
    @DongNguyen-lu9ej Год назад +9

    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 ?

  • @MarkOSullivan
    @MarkOSullivan Год назад +1

    Thanks for featuring flutter_launcher_icons ❤️

  • @LucaFang
    @LucaFang 2 года назад +1

    This is super useful! Thanks for sharing!

  • @kirilllapshev
    @kirilllapshev 2 года назад +1

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

  • @edycarreyes99
    @edycarreyes99 2 года назад +2

    You're the best one! 🔥💪🏻

  • @flutter_man
    @flutter_man 7 месяцев назад

    Just a perfect tutorial, well done !

  • @vpsrihari
    @vpsrihari 2 года назад

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

  • @hamzamateen7827
    @hamzamateen7827 Год назад

    This video is seriously a lifesaver. ❤

  • @warunakaushalya4157
    @warunakaushalya4157 2 года назад

    You're back after a long time 😍

  • @tripplee11
    @tripplee11 2 года назад +1

    Very useful tutorial! Thank you !

  • @bmk4308
    @bmk4308 2 года назад +7

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

    • @maxdegreat566
      @maxdegreat566 2 года назад

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

  • @petariliev1165
    @petariliev1165 Год назад

    Saved me a lot of trouble, very useful!

  • @snickr6377
    @snickr6377 2 года назад +6

    Thanks Marcus. Best flutter channel ever

  • @kevansaba3844
    @kevansaba3844 2 года назад

    Amazing tutorial! Thanks!!

  • @lugardjulien5326
    @lugardjulien5326 2 года назад

    exactly what I needed, thank you

  • @philohan95
    @philohan95 2 года назад +2

    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?

  • @user-kw4kp7eq9m
    @user-kw4kp7eq9m 10 месяцев назад

    Good job! Thank you very much!

  • @exonent
    @exonent 2 года назад +2

    The king comes back! Like then play the video!

  • @user-cr8jr3mf3k
    @user-cr8jr3mf3k 7 месяцев назад

    Thanks, beautiful video

  • @cameronarnold511
    @cameronarnold511 2 года назад

    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

  • @binarnesia
    @binarnesia Год назад

    this will be very handy at my work

  • @DraskoSaric
    @DraskoSaric 2 года назад

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

  • @oluwaseunodunlade3285
    @oluwaseunodunlade3285 Год назад

    Thank you!!!!

  • @safyianmughal3351
    @safyianmughal3351 2 года назад

    great work

  • @burntleaves1178
    @burntleaves1178 2 года назад

    Awesome work

  • @mustafayazlmc3973
    @mustafayazlmc3973 2 года назад +1

    You the best dude

  • @MegaMarte1992
    @MegaMarte1992 11 месяцев назад

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

  • @fille.imgnry
    @fille.imgnry Год назад

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

  • @jadenwatt1977
    @jadenwatt1977 5 месяцев назад

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

  • @JKW3973
    @JKW3973 Месяц назад

    Works Great

  • @vasugajjar2325
    @vasugajjar2325 2 года назад

    U r back 🥳🥳

  • @jadenwatt1977
    @jadenwatt1977 4 месяца назад

    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?

  • @keithbacalso9433
    @keithbacalso9433 19 дней назад

    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` ???

  • @soulreaver7802
    @soulreaver7802 2 года назад

    What about the storage will it increase the app size

  • @cptsakamoto
    @cptsakamoto 3 месяца назад

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

  • @ahmadmaulana6938
    @ahmadmaulana6938 Год назад

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

  • @KishanSavani-yu2bh
    @KishanSavani-yu2bh Год назад

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

  • @sangaranaarayananr3134
    @sangaranaarayananr3134 6 месяцев назад

    bro do i need to add flutter_flavors as a dependency?

  • @MichaelMillerGR
    @MichaelMillerGR 2 года назад

    You are my savior

  • @itzsamplays7493
    @itzsamplays7493 2 года назад +2

    Is this style inspired by fireship?

  • @parthbhanderi6077
    @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
      @shei69 9 месяцев назад

      use dart-define instead

  • @diego2020e
    @diego2020e Год назад +2

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

  • @shilpavania4113
    @shilpavania4113 2 года назад +2

    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

  • @usernotfound5857
    @usernotfound5857 2 года назад

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

  • @stenlyrachmad3854
    @stenlyrachmad3854 7 месяцев назад

    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
      @TheMartaDias 3 месяца назад

      Did you add the package?

  • @piyushlimited
    @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
      @sangaranaarayananr3134 6 месяцев назад

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

  • @guzidev
    @guzidev Год назад

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

    • @edwardphilipguarin6460
      @edwardphilipguarin6460 Год назад

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

  • @kasvith
    @kasvith Год назад

    Better than official docs

  • @namanvaishnav6193
    @namanvaishnav6193 2 года назад +1

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

    • @namanvaishnav6193
      @namanvaishnav6193 2 года назад

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

  • @thelazycomputer99
    @thelazycomputer99 2 года назад

    i like the meme lol

  • @RizkyRamadhan-hu3of
    @RizkyRamadhan-hu3of 2 года назад

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

  • @md.abdulhalimrafi9940
    @md.abdulhalimrafi9940 2 года назад

    This is an asset

  •  Год назад +1

    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.

  • @hanishkumar7430
    @hanishkumar7430 Год назад

    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