Flutter Tutorial - Set Screen Background Image | Asset Image & Network Image

Use Flutter to set a screen background image, darken the image and apply a gradient effect on top of your background image.

SUBSCRIBE HERE

SUPPORT & SPONSOR ME

RESOURCES

TIMELINE
0:00 Introduction Set Background Image
0:23 Set Network Background Image
1:19 1. Problem Not Expanded Background Image
2:49 2. Problem Moving Background Image
3:43 Set Asset Background Image
4:40 Fix Background Image Loading Too Slow
5:07 Reduce Background Image Size By Compressing
5:38 Reduce Background Image Size By Scaling Image Down
6:44 Darken Background Image / Image Color Filter
7:34 Fix Moving Background Image When Keyboard Opens
9:09 Create Reusable Background Image Widget
11:01 Create Gradient For Background Image / Shader Mask Gradient
12:02 Fix Shader Mask Gradient

SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS

*********

SOCIAL MEDIA: Follow Us :-)

LEARN MORE

PLAYLISTS

CREDITS

#Flutter #Tutorial #JohannesMilke

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

[lucasa.v.]

thank you so much man! You're helping me a lot, my college teacher asked us to create an app and I was absolutely lost, your videos have been helping me a lot!

[hossainabeer]

Hey, thanks a ton! You've described every bit of details for us noobs. Recommended

[muhammadafzal]

Timeline is nice thing in the description of each video. 👍
It determines what thing is where in the video.

[pierremarais]

Thanks for this video, please do a video on textfield/Formfield validation using regex or something equivalent, thanks Pierre

[ayamahmoud]

That's really helpful, thank you.

[creacubii]

Can you please make a tutorial about flutters new app-check? Thank you

[DemsDema]

great!! How about adding multiple images and videos background?

[raminbagherian]

hello firs of all thanks for your helpful tutorials.
i have got a question!
i had try to add background image as you said..
but the problem is that when keyboard move up image move up too and your method doesn't work for me !
is there any other way to fix it ?

[JonthueMichel-ulmc]

Do you have the background container at the widget you use in main.dart? I get errors

[sagarkoju]

Make freezed pacakge for model and call api tutorial sir

[smarttech]

how can we take diagonal line in box plz make tutorial

[amirabenyahia]

Hello Thanks for the awesome tuto, source code is not accessible :(, do you have another repo?

[JonthueMichel-ulmc]

Why don't you use the stack widget?

[prasaddhend]

I had upload my app to playstore in the internal testing for 100people.
Currently it is in review mode
After upload google gives me download app link for testers i used that and download app but app after downloading. App is not logging via Google.
At the upload time i gives the sha keys to the firestore. There are 4keys at firestore 2 upload keys & 2 debug keys.
Can you tell What the problem occurred ?

[SikandarAli-]

where the fuck you set this as wallpaper?