Flutter Splash Screen tutorial with animation | Splash Screen 2023

Поділитися
Вставка
  • Опубліковано 18 лис 2024

КОМЕНТАРІ • 109

  • @badaruldin73
    @badaruldin73 Рік тому +3

    @Codingwitht i follow your android toturials since my university for the completion of my fyp, and now flutter.
    Awesome teaching method.💗

  • @rashidali6724
    @rashidali6724 2 роки тому +3

    Great tutorial Guru ji , I just started working with Getx and it is so cool ...

    • @CodingwithT
      @CodingwithT  2 роки тому

      That's Great 😃👍 Best wishes

    • @rashidali6724
      @rashidali6724 2 роки тому

      @@CodingwithT thank you sir ❤️

  • @kairu7815
    @kairu7815 4 дні тому

    for converting that stateless widgets to stateful widget
    for vscode.
    window: ctrl + .
    MAC: cmd + .

  • @MrFaizanh
    @MrFaizanh Рік тому +3

    Can you please also display the files that you've imported in each file. That way it is easier to follow this tutorial.

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

      Sure Faizan I will but you can grab these images from Icons8.com

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

      @@CodingwithT hw to search it

  • @flutterIgnite
    @flutterIgnite 8 місяців тому

    Mast T. Dropping gold tutorials

    • @CodingwithT
      @CodingwithT  8 місяців тому

      Thank you so much! I'm glad you're finding the tutorials helpful. If you have any questions or need further clarification on any topic, feel free to ask. Happy coding!

  • @nimesh519
    @nimesh519 Рік тому +3

    thank you very nice explaination neat and clean
    code also

  • @achrafelaffas
    @achrafelaffas Рік тому +3

    Hi,
    Thank you for the tutorial. Can you please update the pngs link?

  • @Saurabhhhh
    @Saurabhhhh 2 роки тому +3

    Can you please make a web admin panel of this application!! also show how to add push notifications. it would be helpful ⚡️ Thankyou.

    • @CodingwithT
      @CodingwithT  2 роки тому +2

      That's a Great 😃👍 Suggestion. I'll try to incorporate it

  • @SuperAussi3
    @SuperAussi3 2 роки тому +1

    Thanks a lot 🎉

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

    Hi, great tutorial but I have a problem with the navigation after the splashscreen has redirect to my HomePage. Impossible to navigate to another page, it always redirects to my HomePage. Do you have an idea ? Thanx.

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

      Well as there are only 2 screens which might be either stateless or Stateful widgets so, it's difficult to say that it's default behavior.
      Have you created a controller with onReady()?

  • @aliappdevelop
    @aliappdevelop 11 місяців тому +1

    What about white screen before the splash screen? I know for that we need to use flutter_native_splash but there is limitation of multiple images. Do you have any idea regarding this solution?

    • @CodingwithT
      @CodingwithT  11 місяців тому +1

      You are right currently I have not figured out any ways 😕

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

    Hallo, great tutorial. But why i still see white screen before custom splash screen show? How to remove it?

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

      Because if you watched previous tutorial about native splash screen then that is the one you need to remove white screen.

  • @zeeshanpc
    @zeeshanpc 2 роки тому +2

    What text styles / font did you use for this screen ? Its not there in your theme, and text_theme files.

    • @CodingwithT
      @CodingwithT  2 роки тому

      Please watch the theme tutorial ua-cam.com/video/Q9FosAdX2U4/v-deo.html and after that you can get all the code from codingwitht.com/flutter-login-app

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

    Nice job thank you .
    But i have problem the first screen is flutter native splash of last course then comes this animation splash in second screen . How to remove flutter native splash of the last course ?

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

      Thanks dear 😊.
      You can find the command to remove native splash from the link provided in the description. (Code & Resources)

  • @БогданОвсиенко-ы4ъ

    hello, thank you for the video. What image sizes should I use?

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

      That depends on where you are using the image.

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

    Super

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

    Awesome!

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

    Hello, can you share your AVD Skin with us ? thank for the tutorials by the way.

  • @vaibhavkumarpatel6863
    @vaibhavkumarpatel6863 2 роки тому +2

    Why we are using the "t" tSplashImage in constant in flutter. Please explain what is the meaning of "t"

    • @CodingwithT
      @CodingwithT  2 роки тому +1

      Buddy don't get confused with t. I just use t as Coding with T and make custom classes start with t to remember. You can use your own or just simple name. 🥂 Cheer's

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

    we've created animation in 10 mins of this video .... what's the point of doing all that after 10 mins ???? is it necessary???

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

      Its a State Management and It helps to use Separation of concern and make our life easy.

  • @Shahrukhkhan-ng5dp
    @Shahrukhkhan-ng5dp 6 місяців тому

    Images you used in app where we get it

  • @WebDev.Farhan
    @WebDev.Farhan Рік тому

    Can you give me the size of the splash image and splash top icon?

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

    native splash screen did not disappear for me. First native splash screen then custom splash screen opens. How can I fix this?

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

      You don't have to create/call a custom splash screen, when you have a native splash. If you don't want your custom splash screen to be appeared, just don't call it.

  • @repkuc
    @repkuc 9 місяців тому

    how i can delete or deactivate native splash screen in my app? in pubspec i was comment all lines with native splash screen. but it shows anyway

    • @CodingwithT
      @CodingwithT  9 місяців тому

      Please read the post given in the video description to deactivate the native Splash

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

    How can i get those images that you have used in the project sir ?

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

      You can get such images from Icons8.com

  • @muhdluqman1358
    @muhdluqman1358 2 роки тому +1

    Can you make video responsive web,android,ios?

    • @CodingwithT
      @CodingwithT  2 роки тому

      For Android & IOS this series will be helpful as we try to make an app that will be able to run on any size of mobile device.
      Will also create a responsive app for all three. 🤠✌️

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

    how to get same images ?

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

    Hello please create Playlist with configuration Apis

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

    can you please provide images which are used in video at website i cant get it

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

      Sure I will make them available in the website

  • @etazoku6387
    @etazoku6387 Рік тому +3

    Hello, first i would say you do a great tutorial.
    I dont know if it's normal but when i start the application, the native SplashScreen of flutter still start and after my own splash screen is play. Is that normal and there is a way to change that ?
    Thanks for this tutorial

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

      Hi, thank you.
      About your question.
      If we talk about practicality, only one splash screen should be used.
      If you want to use native splash which is recommended then you shouldn't use this custom animated splash.

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

      @@CodingwithT Ok thank you,
      I think I expressed myself badly, when I launch my application for the first time, the flutter logo appears then after my splashscreen launches, is there a way to directly have my SplashScreen ? but once my application is launched and I do realod hots, I only have the splashscreen that appears

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

      same issue, has it been fixed ?
      @@etazoku6387

  • @TrikNgonlen
    @TrikNgonlen 2 роки тому +2

    A W E S O M E !

  • @khawlakhawla4344
    @khawlakhawla4344 2 роки тому +1

    Your work is so attractive to me but why you don't share the images😕😕

    • @CodingwithT
      @CodingwithT  2 роки тому +1

      Thank you dear, actually images causing Copyright issues that's why

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

      @@CodingwithT atleast say us where to buy it

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

      Dear I'll this image with you 😊

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

    from which site can i get such kind of animated images?

  • @UtifeInc.-up1jf
    @UtifeInc.-up1jf Рік тому

    I don’t understand GetX... can you please make a separate tutorial

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

    didn't discuss how to changes images in dark mode ?

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

      I suggest you watch my new playlist of e-commerce in which I talk about this in Login Screen design.
      But simply you can create a variable which checks the active screen mode.
      Inside build method create a variable like..
      final isDarkMode = Theme.of(context). brightness==Brightness.dark;
      And now use the isDarkMode variable in your design to change the image.
      Image(isDarkMode? AddDarkImageUrl : AddLightImageUrl;

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

    bhi muja splash top icon chahi ha kidr sa mila ga??

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

      Wo m ny kud design kiya tha Photoshop m

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

      apka pas para ha to send kar do bro
      @@CodingwithT

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

    can't download images fro drive. 404

  • @programmermasud8657
    @programmermasud8657 2 роки тому +1

    i can't find the assets

  • @ariesxd6571
    @ariesxd6571 2 роки тому +1

    The welcome one is missing nor shown

    • @CodingwithT
      @CodingwithT  2 роки тому

      Welcome screen?

    • @ariesxd6571
      @ariesxd6571 2 роки тому +1

      @@CodingwithT solved sir thank you very much sir

    • @CodingwithT
      @CodingwithT  2 роки тому

      That's Great 👍🤠

    • @Matrix-jp2jn
      @Matrix-jp2jn 2 роки тому

      @@CodingwithT welcome screen is missing

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

    I am just doing the same way but on my screen text images are showing in bigger sizes. Why?

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

      It might be because you don't have padding around and the image is set to cover all space.

    • @farhanjohari1990
      @farhanjohari1990 Місяць тому

      @@CodingwithT how to put the padding im still new to flutter...

  • @akhilps9626
    @akhilps9626 2 роки тому

    where i can get those pngs?

    • @CodingwithT
      @CodingwithT  2 роки тому

      From the description link. Or visit CodingwithT.com/flutter-login-app

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

    image link is not working, 404

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

    link download image error 404

  • @appkartsolution2961
    @appkartsolution2961 2 роки тому +1

    Hi

  • @Hamza-yq7sj
    @Hamza-yq7sj Рік тому

    Images link not worked......

  • @odtu4948
    @odtu4948 25 днів тому

    where is images bro

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

    Aoa guys casn someone Tell me what he did at 9:09
    Code:
    Navigator.push.Replacement(context, MaterialPageRoute (builder: (context) => Welcom_ _ _ _?)
    im facing an error : Undefined name 'Welcome'.

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

      It's a WelcomeScreen() and this Navigator.pushReplacement is Simply removing the previous screen and open the Welcome Screen

  • @sanjapkoki
    @sanjapkoki 2 роки тому

    Getx just erases everything i have learned so far about stateless and stateful widgets