Flutter Firebase Image Upload/Retrieve Using Firebase Storage & StreamBuilder (Flutter 2.5)

Flutter Firebase Image Upload/Retrieve Using Firebase Storage & StreamBuilder (Flutter 2.5)
Today we are going to learn how to do basic functionalities like Uploading and retrieving the image from firebase to our flutter project. This tutorial is for extreme beginners so that you get to know how everything is done.

Firebase Storage and Cloud Firestore together are great for uploading the user's image and pictures online and also saving those data to cloudfirestore's collection.
We have also used Streambuilder for showcasing to you how to retrieve the image that you uploaded to your firebase storage.

📗Flutter Firebase Image Upload/Retrieve Using Firebase Storage and StreamBuilder in Flutter 2.5
As a beginner, you will learn how to share the data between different libraries in the dart, you will also learn how to make complex CloudFirestore commands.


👇 You will be learning some useful things like:
1. Integrating the Firebase Storage
2. Storing the Downloaded URL from FirebaseStorage to CloudFirestore
3. Using StreamBuilder


Website Link: https://backslashflutter.in

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LAPTOPS FOR APP DEVELOPMENT
Minimum Qualification For App Development - 8GB with SSD and i5/i3 or Ryzen 3/5

Under 50,000 INR ($660)
1. Dell Vostro 3405 ( Ryzen 5, 512 GB SSD, 8GB, Radeon Vega 8 Graphic) - 48K
https://amzn.to/3nRwyhK
2. AVITA LIBER V14 ( i5, 8GB, 512 GB SSD, Intel UHD Graphic 620) - 49K
https://amzn.to/3rgppKh
3. ACER Swift 3 (i5, 8GB, 512GB SSD Integrated Graphic) 55K
https://amzn.to/3HjfHMz
4. Asus VivoBook 14 ( i3, 8GB, 256GB SSD, Integrated UHD Graphic) - 39K
https://amzn.to/3oUKze0
5. Lenovo Ideapad Slim 3 (Ryzen 3, 8GB, 256GB SSD, Radeon Graphic) - 36K
https://amzn.to/3cRDo0G

Under 60,000 INR ($800)
1. HP 14 ( 11th Gen i5, 8GB, 512GB SSD, Intel Integrated 4GB ) - 57K
https://amzn.to/3CRAQu0
2. Mi Notebook Pro (8GB, 512GB SSD, Iris graphic, i5 11th Gen) - 56K
https://amzn.to/3D5L1vb

Under 30,000 INR ($400)
1. Asus VivoBook 15 (4GB, 256GB SSD, Integrated Graphic, Intel Celeron N4020) - 24K
https://amzn.to/3109LYs
(this laptop can be upgraded to 8GB RAM sticks, so do have a look
at it, if you want under 30K)

ALL TIME FAVOURITE
1. 2020 MacBook Air (8GB and 256 GB SSD) 88K
https://amzn.to/3c5QXci
2. Microsoft Surface Book 2 (i7, 16GB and 256GB ) 2.30 L
https://amzn.to/30jAdLU

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
MY GEARS:
1. RedGear Mechanical Keyboard with 3 color blackit
https://amzn.to/3wI7ahd
2. HP 23.8 Inch Ultra Thin Monitor
https://amzn.to/3kAewyB
3. Dell Mouse MS116
https://amzn.to/3ndrd4k
4. 2020 MacBook Air (8GB and 256 GB SSD) 88K
https://amzn.to/3c5QXci
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

📖 Course Contents
00:00 INTRODUCTION
04:00 Cloning the Repository
05:04 Adding Firebase To Project
06:06 Generating SHA-1 Signature
9:25 Welcome Screen Customization
14:39 Adding ImagePicker and Firebase Storage
16:18 Design For Image Upload
23:52 Image Picker Method
27:58 Uploading Image Method
36:24 Cloud Firestore Implementation
39:50 Show Uploaded images in StreamBuilder


► 🙌 GET SOURCE CODE FOR EMAIL AND PASSWORD AUTHENTICATION :
Title: Flutter and Firebase Authentication | Email & Password Login/SignUp (Flutter 2.2) | Part 1
Link: https://youtu.be/3DO6Th9A7mY

► GENERATE SHA-1 SIGNATURE IN YOUR MACOS AND WINDOWS OS
Title: Generate SHA 1 Key In Flutter On Windows and macOS | Flutter 2.5 (Latest)
Link: https://youtu.be/wGOTwojezy8



🔔 Get updated with my projects🔔
Follow me on Github: github.com/backslashflutter


#FirebaseStorage #FirebaseTutorial #FlutterFirebase
​


🔥 Subscribe for more:
https://www.youtube.com/c/Backslashflutter


If this helps make sure to share it with friends and colleagues who will benefit from this
Have questions/queries? 💬 Comment below I will be happy to help
►For the 3D intro, I'm using Rotato: rotato.xyz


🎵Credits :
Music Used:
JARICO - LANDSCAPE https://www.youtube.com/watch?v=Srqs4CitU2U
softy x no one’s perfect - The Beauty Around Us ✨ [lofi hip hop/relaxing beats]


Reddit Username : @backslashflutter
OTHER VIDEO:
Complete Flutter Installation & Setup Tutorial For App Development on MacOS (Latest)
https://youtu.be/-v-IJaaXLo4


Learn API Integration in Flutter | Building A Dictionary App with OwlBot API | (Under 20 Minute)
https://www.youtube.com/watch?v=IVOPNTpu9ME


ChatBot App In Flutter | Python Backend With Flutter | Heroku Server (Full Explanation)
https://www.youtube.com/watch?v=WUc6Wfn6Lag

flutter firebase image upload
how to retrieve image from firebase in flutter
flutter storage
streambuilder in flutter firebase




THANKS FOR LOVE AND SUPPORT💪

Тэги:

#flutter_firebase_image_upload #firebase_storage_tutorial #upload/retrieve_image_in_flutter #firebase_storage_and_cloudfirestore_tutorail #streambuilder_in_flutter #flutter_firebase_image_upload_and_retreive #flutter_and_firebase_authentication #flutter_login_signup #flutter_firebase_auth #flutter_tutorial_for_beginners #flutter #firebase #image_upload #firebase_storage

Скачать видео