Every Flutter App needs this!

Sdílet
Vložit
  • čas přidán 27. 07. 2024
  • These are the most useful tips and tricks for Flutter apps! Every Flutter app needs an app icon, splash screen and onboarding screen!
    Click here to Subscribe to Johannes Milke: czcams.com/users/JohannesMilke...
    👉 12 Week Flutter Training | heyflutter.com
    👉 Flutter Masterclass Courses | heyflutter.com/masterclass
    Source Code | github.com/JohannesMilke/ever...
    My Courses | heyflutter.com
    Follow Newsletter | johannesmilke.com/#/newsletter
    SUBSCRIBE HERE
    bit.ly/JohannesMilke
    SUPPORT & SPONSOR ME
    github.com/sponsors/JohannesM...
    TIMELINE
    0:00 TOP 4
    2:45 TOP 3
    4:13 TOP 2
    8:24 TOP 1
    #Flutter #Tutorial #JohannesMilke
    LIKE & SHARE & ACTIVATE THE BELL
    Thanks For Watching :-)
  • Věda a technologie

Komentáře • 145

  • @HeyFlutter
    @HeyFlutter  Před rokem +7

    This might help you :)
    12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/every_app_needs_this

    • @lakshaymeena171
      @lakshaymeena171 Před rokem

      Hello Sir, could you help me how to watch your flutter playlist for beginner because there are alot of videos what and how to watch them in order(Playlist).

  • @shaabzz
    @shaabzz Před rokem +17

    Nice video as always....pls make a offline app like newsapp which saves api to database and displays the data from database whenever there is no internet and display from api whenever internet is there

    • @HeyFlutter
      @HeyFlutter  Před rokem +4

      Thanks for the idea, Shabz! 🙂 I have added it to my list of ideas for future videos!

  • @TreyHope
    @TreyHope Před rokem +4

    I’ve used up so much time creating my app icons, that first package you demonstrated is a game changer!

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      Glad it was helpful, @TreyHope 😀

  • @techtoday3283
    @techtoday3283 Před rokem +3

    All of your videos are short but easy to understand and hit the target that I want to know. Really thank. Keep going!

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      Glad I could be of help, Thank you Tech Today! 😊

  • @oryankibandi3556
    @oryankibandi3556 Před rokem +2

    Great tutorial. So Much value in one video.

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      Glad to hear that, Thank you oryan kibandi! 😊

  • @nurola
    @nurola Před rokem

    Video coverage is awesome. All in one. Thx.

  • @jdphotograph
    @jdphotograph Před rokem +9

    You should make a video about Push Notifications but not just the app side. Also, the server side on how to send to one device and also a group of devices. All the samples show how to send a message using the Firebase message web console. That is not real-world . So how the REST API is used to send a push to one or a group of devices?

    • @HeyFlutter
      @HeyFlutter  Před rokem +4

      Thanks for the idea, Jaco Fourie! 🙂 I have added it to my list of ideas for future videos!

    • @jdphotograph
      @jdphotograph Před rokem

      @@HeyFlutter Thanks. And also remember it should work on iOS, Android and Huawei phones

  • @mohsinraza9165
    @mohsinraza9165 Před rokem

    Thank You so much, Very Informative

    • @HeyFlutter
      @HeyFlutter  Před rokem

      You’re most welcome, Mohsin Raza! 🙂

  • @daumienebi
    @daumienebi Před rokem

    Thanks a lot.... 3 of these tips will come in handy for my new app :)

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Glad I could be of help, Thank you Daumienebi! 😊

  • @elgizkerimov
    @elgizkerimov Před rokem

    GOLD Complete Tutorial. Thanks...

  • @hawarhekmat1174
    @hawarhekmat1174 Před rokem

    Great video as usual 😊

  • @URIXMX
    @URIXMX Před rokem

    Thank you so much, i almost release my first app, thanks to all your knowledge

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Glad to hear that, Thank you URIX! 😊

  • @miladhesami6630
    @miladhesami6630 Před rokem

    Very helpful, thank 😊

  • @ddwsc_xv
    @ddwsc_xv Před rokem

    Thank you

  • @syedzeerakhussaingillani6019

    this video is so helpful

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Glad I could be of help, Thank you @syedzeerakhussaingillani6019! 😊

  • @rajatverma3692
    @rajatverma3692 Před rokem

    Such a useful video ❤️

  • @miriamramstudio3982
    @miriamramstudio3982 Před rokem

    Excellent. Thanks.

    • @HeyFlutter
      @HeyFlutter  Před rokem

      You are welcome, Miriam RAM Studio!

  • @rahilansari5990
    @rahilansari5990 Před rokem

    Thank you Sir it's very important...

  • @antonyaz3506
    @antonyaz3506 Před rokem

    Amazing!)

  • @ricardo-emerson
    @ricardo-emerson Před rokem

    Awesome Vídeo!! Thanks!!!

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      You are welcome, DevClass com Ricardo!

  • @proboy1739
    @proboy1739 Před rokem

    Thanks Mr. Johannes Milki

    • @HeyFlutter
      @HeyFlutter  Před rokem

      You are welcome, Pro Boy!

    • @proboy1739
      @proboy1739 Před rokem

      I want to be a flutter developer like you. Can you please make a video or suggest me the full road map of flutter developement.Thanks

  • @emirhan2070
    @emirhan2070 Před rokem

    very nice

  • @theartoflife8008
    @theartoflife8008 Před rokem

    شكرا لك

    • @HeyFlutter
      @HeyFlutter  Před rokem

      You are welcome, فن الحياة | The art of life!

  • @nuggy99
    @nuggy99 Před rokem

    Very 👍 video !!!!!!!

  • @chipekowasa6571
    @chipekowasa6571 Před rokem

    Wow!!! 🙌🙌🙌

  • @flutterskills
    @flutterskills Před rokem

    awesome

  • @wasih19
    @wasih19 Před rokem +1

    For beginners, I will not suggest using packages ....do everything by custom ....you will see the benefits later on

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      Thanks for your feedback, Wasih! 🙂

  • @letsclode
    @letsclode Před 2 měsíci

    what an intro!

    • @HeyFlutter
      @HeyFlutter  Před 2 měsíci

      Thanks, @cloderaldo7115! 🙂

  • @fajarjri6006
    @fajarjri6006 Před rokem +2

    omg your voice back

  • @mark7117
    @mark7117 Před rokem +1

    Hi, thank you for the video as always! Unrelated question, but how do you allow the user to access any worksheet or any spreadsheet from google sheets using flutter on let’s say a display page from a text input that the user gives on a page before showing the display page with values from that specific sheet? Could you make a tutorial on it if possible? Thank you so much!

    • @HeyFlutter
      @HeyFlutter  Před rokem +2

      Thank You Mark! Follow this link: pub.dev/packages/gsheets
      I hope you will get your answer 🙂

  • @Nachiketa_
    @Nachiketa_ Před rokem +1

    🔥🔥

  • @user-yr7lj8xp8y
    @user-yr7lj8xp8y Před rokem +1

    missed you

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank you, أنشطة ومهارات! 🙂

  • @adityahiranwale1279
    @adityahiranwale1279 Před rokem

    Hey, great video!
    i have a question for the way you implemented splash screen with image,
    how do you put an image and a credits app on the splash screen, just like the one on whatsapp and instagram which has the meta logo and the text powered by meta

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank You Aditya Hiranwale! Follow this link: pub.dev/packages/splashscreen
      I hope you will get your answer 🙂

  • @binayachauhan52
    @binayachauhan52 Před rokem

    hello Johannes can you help with these error" Bad CMake executable: "". Check to make sure it is installed or the value of the "cmake.cmakePath" setting contains the correct path"
    ("occurred after updating to git )

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      Hello, Ragnar lothbrok! Follow this link: stackoverflow.com/questions/61603522/bad-cmake-executable-is-it-installed-or-settings-contain-the-correct-path-c
      I hope it will solve your problem. Thank You 🙂

  • @yoriichi28
    @yoriichi28 Před rokem

    hello in native screen u set some logo to that so if i want to animate that native screen logo how can we do it pls tell me

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank You Yoriichi! Follow this link: pub.dev/packages/animated_splash_screen
      I hope you will get your answer 🙂

  • @osaweleemmanuel472
    @osaweleemmanuel472 Před rokem

    Thank you sir. Please make a very simple news app with role based access control. That is, with user side and admin side in same app. Where an admin user can make a new post or article and upload image, update and delete. Showing the functionality basically. Thank you sir

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thanks for the idea, Osawele Emmanuel! 🙂 I have added it to my list of ideas for future videos!

    • @osaweleemmanuel472
      @osaweleemmanuel472 Před rokem

      @@HeyFlutter Thank you sir

    • @osaweleemmanuel472
      @osaweleemmanuel472 Před rokem

      @@HeyFlutter To be honest, I love how you structure your code. I learnt layout from you.

  • @tusharpatel3290
    @tusharpatel3290 Před rokem

    Hi, @Johannes Milke can you also include the android 12 splash screen implementation? because it has a different implementation. Thanks

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thanks for stating this issue, Tushar Patel! 🙂

  • @jayeshkavedia9431
    @jayeshkavedia9431 Před rokem

    Great Video, before this i used to change logos manually, thanks for providing a shorthand to it. Do you have any idea about the flutter error which says : "Connection closed before the full header was received". On internet they say its because of Android Version but there is no solution available to it. If you know or have some resources, could you let me know. Thank You!!

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Hello, Jayesh Kavedia! Follow this link: stackoverflow.com/questions/55879550/how-to-fix-httpexception-connection-closed-before-full-header-was-received
      I hope it will solve your problem. Thank You 🙂

    • @samuelkings9416
      @samuelkings9416 Před rokem

      Most times, from my experience, it's due to a bad internet. Try changing your service provider and you should be just fine

  • @theartoflife8008
    @theartoflife8008 Před rokem

    هل لديك فديو يتحدث عن splsh screens
    لدي تتأخر توصل إلى ١٠ ثوان ثم يشتغل التطبيق

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank you, فن الحياة | The art of life! Check out this video about splash scree: czcams.com/video/dB0dOnc2k10/video.html

  • @hasaanahmed3596
    @hasaanahmed3596 Před rokem

    Thank you, Johannes Milke for these great videos.
    I want to ask if it is okay to use so many 3rd party packages in the app for the task that can be done otherwise as these packages get deprecated and can cause issues later on. Yes, they save a lot of time but you know what I am trying to ask.

    • @HeyFlutter
      @HeyFlutter  Před rokem +2

      Thank you, Hasaan Ahmed! 🙂. I think there will be no big issues.

    • @samuelkings9416
      @samuelkings9416 Před rokem +1

      I'll give you two advices. When you want to use a third party package:
      1. try to check if the uploader is an individual or an organization. packages created by organizations or teams have more tendency to last longer and be maintained longer
      2. if the author is an individual, make sure they are verified. there are a few packages from authors who have not been verified. To me, it shows they most likely are not committed to the project on a long term basis. Many of such packages are usually not maintained, problematic or do not support null-safety.
      This is just my opinion though and how I do my stuff.

    • @hasaanahmed3596
      @hasaanahmed3596 Před rokem

      @@samuelkings9416 Thank you, Yes I do see this stuff but sometimes there are cases when you need something and things available are unverified so I try to create my own solutions(if possible;-)) in that case.

    • @samuelkings9416
      @samuelkings9416 Před rokem

      @@hasaanahmed3596 Yeah. Very true

  • @MohamedHassan-en8rv
    @MohamedHassan-en8rv Před rokem

    We need video how to make custom notifications to custom user by firebase function 🙏

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thanks for the idea Mohamed Hassan 😀, i have added it in my list of future videos

  • @navneetdodiya9607
    @navneetdodiya9607 Před rokem

    Hi Johannes Milke, I have no idea to change item list text size in new updated dependency of dropdown search .old in use dro Down menu Item, but new dependency in no idea how to use this drop down menu item, you have any solution so please make video on this new drop down search dependency.

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thanks for the idea, Navneet Dodiya! 🙂 I have added it to my list of ideas for future videos!

    • @navneetdodiya9607
      @navneetdodiya9607 Před rokem

      @@HeyFlutter Thanks

  • @sarathrkrishnan6610
    @sarathrkrishnan6610 Před rokem

    ❤️

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank you, Sarath R Krishnan! 🙂

  • @gauravvaishnav6568
    @gauravvaishnav6568 Před rokem

    In flutter icon splash screen section...i don't want to display image i want to display my own custom splash screen which i have created in separate class file so how can i use my custom splash screen instead of it. if it is possible then pls make a video on it.

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      Thanks for the idea, Gaurav Vaishnav! 🙂 I have added it to my list of ideas for future videos!

    • @gauravvaishnav6568
      @gauravvaishnav6568 Před rokem

      @@HeyFlutter Okay... Thanks 😊

  • @alybauomy735
    @alybauomy735 Před rokem

    Your package flutter_native_splash
    after install it when phone rotate it's not work !!!
    only it works when phone in portrait !

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank you, Aly Bauomy! 🙂. Splash screens are not designed for landscape mode. They are only for portrait.

  • @atziazas
    @atziazas Před rokem

    Hello friend. Fantastic video! :) I do not believe for the app name you change CFBUndleName. I believe you need CFBundleDisplayName :)

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thanks for the suggestion, HeyTea! 🙂

  • @sivarampr
    @sivarampr Před rokem +1

    johannes Milke brother thank you...

  • @yd6962
    @yd6962 Před rokem

    Do these support most Android sdk versions that Flutter supports?

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      Thank you, Y D! 🙂. Yes it supports.

  • @titoworlddev
    @titoworlddev Před rokem

    It won't let me do the adaptive icon thing, specifically it won't let me set the shape to "none".
    I don't understand, if the video is from yesterday.

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thanks for your feedback, titoworld_dev! 🙂

    • @titoworlddev
      @titoworlddev Před rokem

      @@HeyFlutter You're welcome, but do you know if there is a solution?

  • @fahedsayyad6757
    @fahedsayyad6757 Před rokem

    how to remove white splash screen is my problem help me to use custom flutter splash screen

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank you 😊, Fahed sayyad! Check out this video : czcams.com/video/dB0dOnc2k10/video.html it may help you

  • @BerkPeksel
    @BerkPeksel Před rokem

    First like from me:)

  • @morarucosmin6776
    @morarucosmin6776 Před rokem

    Dart/Flutter beginner here....
    i think the first package presented is useless.
    I can do the work in that clip in under 60 seconds flat, with far less effort!
    How?
    1) Open your android studio with your project.
    2) Right click your project name and choose "Open in Android Studio"
    3) Wait for the new window to open and the processing to be finished...but then right click the "res" folder and select new vector image
    4) On the left side, click the little folder icon and just navigate to your desired logo ... which does NOT have to necessarily be a certain size and format. A simple PNG is enough.
    Just select and drag/drop in the window...adjust position as needed, then click save (you will be asked if you want to replace the default folders..agree to it!).
    TA DAA!
    A new icon in under 60 seconds

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Hey, Moraru Cosmin 🙂 I appreciate your effort, but this one you did for android side and similarly will be doing for ios and more. We have simple solution available where-in no need to puzzle with native files

  • @praise7976
    @praise7976 Před rokem

    How to animate logo in splash screen

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank You Praise! Follow this link: pub.dev/packages/animated_splash_screen
      I hope you will get your answer 🙂

  • @takespart7242
    @takespart7242 Před rokem

    dude can you do SOLUTION flutter for facebook data deletion request callback

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      Thanks for the idea, TakeSpart! 🙂 I have added it to my list of ideas for future videos!

  • @jigneshji3228
    @jigneshji3228 Před rokem

    Architecture clean code... error handling...

  • @guymen8
    @guymen8 Před rokem

    No sound?

    • @HeyFlutter
      @HeyFlutter  Před rokem

      It has audio, probably try to refresh the video.

  • @billalkabbouri9792
    @billalkabbouri9792 Před rokem

    First

  • @eduardoholzmann853
    @eduardoholzmann853 Před 4 měsíci

    click bait, nice..

    • @HeyFlutter
      @HeyFlutter  Před 4 měsíci

      Thanks for your feedback, @eduardoholzmann853! 🙂

  • @eliasavelino6729
    @eliasavelino6729 Před rokem

    Android is such a Clusterfuck.. like.. let my app just have a SVG file as a Icon, and thats it! No xxxhdpi xxhdpi xdpi, no foreground, background, adaptive etc.. No shapes, squares, rounded borders, ugh such a terrible user experience let me just put a svg, call it app_icon.svg, and thats it! Nothing more, nothing else! I don't care about all of your android stupid app sizing and adaptive bull crap its so annoying they overcomplicate this shit by so many degrees its horrible and dont get me started on dark mode icons oh nooooo

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thanks for your feedback, Elias Avelino! 🙂

  • @Canilho
    @Canilho Před rokem

    Good tutorial. However, I don't aprove using other people's work and claim it as yours, totally disregarding the original authors and packages.
    If you want to be respected, respect other's work by adding the source's links on the video description, and by referencing their work on the video.

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      Thank you, André Canilho! 🙂. Whenever I use any package, I mention it in my every video not only mention it but show it on the screen as well.

  • @alperk347
    @alperk347 Před rokem

    Great video as always! Would you think about doing some GetX tutorials?

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thanks for the idea Alper K 😀, i have added it in my list of future videos

  • @defensivepower7988
    @defensivepower7988 Před rokem

    Why are you uploading repeated videos again and again? Is it for views?
    Flutter is so vast, make something new

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thanks for your feedback, Defensive Power! 🙂. It is not repeated, it is new video.

  • @oryankibandi3556
    @oryankibandi3556 Před rokem

    Great tutorial. So Much value in one video.

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Glad to hear that, Thank you oryan kibandi! 😊