Using Firebase in React Native - Part 6 (Uploading/Displaying Images)

Опубликовано: 16 Март 2026
на канале: The Flutter Factory
40,371
439

This video walks you through some steps to upload files (particularly images) to Firebase and display them from a URL. You will also learn how to implement the react-native-image-picker package to set images from your device as well as how to create unique names for your files. The video assumes that you've seen parts 1-5, but you can skip directly to the upload API portion if you want using the time codes below.

00:00 - Intro and Summary
02:28 - Creating the image picker component
09:23 - Adding the image picker
12:28 - Using the useEffect hook
16:02 - Adding the document ID for new objects
*17:12 - Uploading objects
24:07 - Creating unique IDs
35:04 - Skipping image uploads
28:18 - Tracking upload progress
42:10 - Displaying list images
46:00 - Displaying detail screen image
47:05 - Testing

💻Get the Code: https://github.com/theflutterfactory/...

⚡Connect on Facebook:   / flutterfactory  

⚡Connect on Twitter:   / flutterfactory