Every Flutter App needs this!

Поділитися
Вставка
  • Опубліковано 10 лип 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: ua-cam.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 :-)
  • Наука та технологія

КОМЕНТАРІ • 145

  • @HeyFlutter
    @HeyFlutter  Рік тому +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 Рік тому

      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).

  • @Shabukalanad
    @Shabukalanad Рік тому +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  Рік тому +4

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

  • @TreyHope
    @TreyHope Рік тому +4

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

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

      Glad it was helpful, @TreyHope 😀

  • @techtoday3283
    @techtoday3283 Рік тому +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  Рік тому +1

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

  • @jdphotograph
    @jdphotograph Рік тому +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  Рік тому +4

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

    • @jdphotograph
      @jdphotograph Рік тому

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

  • @nurola
    @nurola Рік тому

    Video coverage is awesome. All in one. Thx.

    • @HeyFlutter
      @HeyFlutter  Рік тому

      You are welcome, VelociRaptor!

  • @oryankibandi3556
    @oryankibandi3556 Рік тому +2

    Great tutorial. So Much value in one video.

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

      Glad to hear that, Thank you oryan kibandi! 😊

  • @elgizkerimov
    @elgizkerimov Рік тому

    GOLD Complete Tutorial. Thanks...

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

      You are welcome, Elgiz Kerimov!

  • @daumienebi
    @daumienebi Рік тому

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

    • @HeyFlutter
      @HeyFlutter  Рік тому

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

  • @mohsinraza9165
    @mohsinraza9165 Рік тому

    Thank You so much, Very Informative

    • @HeyFlutter
      @HeyFlutter  Рік тому

      You’re most welcome, Mohsin Raza! 🙂

  • @URIXMX
    @URIXMX Рік тому

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

    • @HeyFlutter
      @HeyFlutter  Рік тому

      Glad to hear that, Thank you URIX! 😊

  • @syedzeerakhussaingillani6019
    @syedzeerakhussaingillani6019 11 місяців тому

    this video is so helpful

    • @HeyFlutter
      @HeyFlutter  11 місяців тому

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

  • @ddwsc_xv
    @ddwsc_xv Рік тому

    Thank you

  • @rahilansari5990
    @rahilansari5990 Рік тому

    Thank you Sir it's very important...

    • @HeyFlutter
      @HeyFlutter  Рік тому

      You are welcome, rahil ansari!

  • @proboy1739
    @proboy1739 Рік тому

    Thanks Mr. Johannes Milki

    • @HeyFlutter
      @HeyFlutter  Рік тому

      You are welcome, Pro Boy!

    • @proboy1739
      @proboy1739 Рік тому

      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

  • @miladhesami6630
    @miladhesami6630 Рік тому

    Very helpful, thank 😊

    • @HeyFlutter
      @HeyFlutter  Рік тому

      You are welcome, Milad Hesami!

  • @hawarhekmat1174
    @hawarhekmat1174 Рік тому

    Great video as usual 😊

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

      Thank you, Hawar Hekmat! 🙂

  • @miriamramstudio3982
    @miriamramstudio3982 Рік тому

    Excellent. Thanks.

    • @HeyFlutter
      @HeyFlutter  Рік тому

      You are welcome, Miriam RAM Studio!

  • @rajatverma3692
    @rajatverma3692 Рік тому

    Such a useful video ❤️

  • @ricardo-emerson
    @ricardo-emerson Рік тому

    Awesome Vídeo!! Thanks!!!

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

      You are welcome, DevClass com Ricardo!

  • @mark7117
    @mark7117 Рік тому +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  Рік тому +2

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

  • @antonyaz3506
    @antonyaz3506 Рік тому

    Amazing!)

  • @emirhan2070
    @emirhan2070 Рік тому

    very nice

  • @adityahiranwale1279
    @adityahiranwale1279 Рік тому

    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  Рік тому

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

  • @wasih19
    @wasih19 Рік тому +1

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

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

      Thanks for your feedback, Wasih! 🙂

  • @yoriichi28
    @yoriichi28 Рік тому

    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  Рік тому

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

  • @binayachauhan52
    @binayachauhan52 Рік тому

    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  Рік тому +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 🙂

  • @sivarampr
    @sivarampr Рік тому +1

    johannes Milke brother thank you...

  • @chipekowasa6571
    @chipekowasa6571 Рік тому

    Wow!!! 🙌🙌🙌

  • @theartoflife8008
    @theartoflife8008 Рік тому

    شكرا لك

    • @HeyFlutter
      @HeyFlutter  Рік тому

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

  • @flutterskills
    @flutterskills Рік тому

    awesome

    • @HeyFlutter
      @HeyFlutter  Рік тому

      Thank you, flutter skills! 🙂

  • @fajarjri6006
    @fajarjri6006 Рік тому +2

    omg your voice back

    • @HeyFlutter
      @HeyFlutter  Рік тому

      Yes! Thank you, FajarJri! 🙂

  • @nuggy99
    @nuggy99 Рік тому

    Very 👍 video !!!!!!!

  • @jayeshkavedia9431
    @jayeshkavedia9431 Рік тому

    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  Рік тому

      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 Рік тому

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

  • @navneetdodiya9607
    @navneetdodiya9607 Рік тому

    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  Рік тому

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

    • @navneetdodiya9607
      @navneetdodiya9607 Рік тому

      @@HeyFlutter Thanks

  • @letsclode
    @letsclode 2 місяці тому

    what an intro!

    • @HeyFlutter
      @HeyFlutter  2 місяці тому

      Thanks, @cloderaldo7115! 🙂

  • @Nachiketa_
    @Nachiketa_ Рік тому +1

    🔥🔥

  • @tusharpatel3290
    @tusharpatel3290 Рік тому

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

    • @HeyFlutter
      @HeyFlutter  Рік тому

      Thanks for stating this issue, Tushar Patel! 🙂

  • @osaweleemmanuel472
    @osaweleemmanuel472 Рік тому

    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  Рік тому

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

    • @osaweleemmanuel472
      @osaweleemmanuel472 Рік тому

      @@HeyFlutter Thank you sir

    • @osaweleemmanuel472
      @osaweleemmanuel472 Рік тому

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

  • @user-yr7lj8xp8y
    @user-yr7lj8xp8y Рік тому +1

    missed you

    • @HeyFlutter
      @HeyFlutter  Рік тому

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

  • @gauravvaishnav6568
    @gauravvaishnav6568 Рік тому

    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  Рік тому +1

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

    • @gauravvaishnav6568
      @gauravvaishnav6568 Рік тому

      @@HeyFlutter Okay... Thanks 😊

  • @MohamedHassan-en8rv
    @MohamedHassan-en8rv Рік тому

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

    • @HeyFlutter
      @HeyFlutter  Рік тому

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

  • @hasaanahmed3596
    @hasaanahmed3596 Рік тому

    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  Рік тому +2

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

    • @samuelkings9416
      @samuelkings9416 Рік тому +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 Рік тому

      @@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 Рік тому

      @@hasaanahmed3596 Yeah. Very true

  • @alybauomy735
    @alybauomy735 Рік тому

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

    • @HeyFlutter
      @HeyFlutter  Рік тому

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

  • @fahedsayyad6757
    @fahedsayyad6757 Рік тому

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

    • @HeyFlutter
      @HeyFlutter  Рік тому

      Thank you 😊, Fahed sayyad! Check out this video : ua-cam.com/video/dB0dOnc2k10/v-deo.html it may help you

  • @theartoflife8008
    @theartoflife8008 Рік тому

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

    • @HeyFlutter
      @HeyFlutter  Рік тому

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

  • @titoworlddev
    @titoworlddev Рік тому

    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  Рік тому

      Thanks for your feedback, titoworld_dev! 🙂

    • @titoworlddev
      @titoworlddev Рік тому

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

  • @yd6962
    @yd6962 Рік тому

    Do these support most Android sdk versions that Flutter supports?

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

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

  • @atziazas
    @atziazas Рік тому

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

    • @HeyFlutter
      @HeyFlutter  Рік тому

      Thanks for the suggestion, HeyTea! 🙂

  • @praise7976
    @praise7976 Рік тому

    How to animate logo in splash screen

    • @HeyFlutter
      @HeyFlutter  Рік тому

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

  • @sarathrkrishnan6610
    @sarathrkrishnan6610 Рік тому

    ❤️

    • @HeyFlutter
      @HeyFlutter  Рік тому

      Thank you, Sarath R Krishnan! 🙂

  • @BerkPeksel
    @BerkPeksel Рік тому

    First like from me:)

  • @morarucosmin6776
    @morarucosmin6776 Рік тому

    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  Рік тому

      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

  • @takespart7242
    @takespart7242 Рік тому

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

    • @HeyFlutter
      @HeyFlutter  Рік тому +1

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

  • @jigneshji3228
    @jigneshji3228 Рік тому

    Architecture clean code... error handling...

  • @guymen8
    @guymen8 Рік тому

    No sound?

    • @HeyFlutter
      @HeyFlutter  Рік тому

      It has audio, probably try to refresh the video.

  • @billalkabbouri9792
    @billalkabbouri9792 Рік тому

    First

    • @HeyFlutter
      @HeyFlutter  Рік тому

      Thank you, billal kabbouri! 🙂

  • @eduardoholzmann853
    @eduardoholzmann853 4 місяці тому

    click bait, nice..

    • @HeyFlutter
      @HeyFlutter  3 місяці тому

      Thanks for your feedback, @eduardoholzmann853! 🙂

  • @Canilho
    @Canilho Рік тому

    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  Рік тому +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.

  • @eliasavelino6729
    @eliasavelino6729 Рік тому

    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  Рік тому

      Thanks for your feedback, Elias Avelino! 🙂

  • @defensivepower7988
    @defensivepower7988 Рік тому

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

    • @HeyFlutter
      @HeyFlutter  Рік тому

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

  • @alperk347
    @alperk347 Рік тому

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

    • @HeyFlutter
      @HeyFlutter  Рік тому

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

  • @oryankibandi3556
    @oryankibandi3556 Рік тому

    Great tutorial. So Much value in one video.

    • @HeyFlutter
      @HeyFlutter  Рік тому

      Glad to hear that, Thank you oryan kibandi! 😊