Build a react-native component to take in user data and images to save in Firebase as a post. In this video, learn how to interact with the camera.
- [Instructor] Previously, we built the post store.…Now we need a scene to use it.…To start, we're going to need to access the camera,…and since React Native has limited built-in camera support,…we'll be relying on a third-party package,…React Native Image Picker.…Let's install that.…Let's head over to the Terminal.…We're going to run npm install…- -save react-native…- image-picker…Hit enter, great.…Now we're going to need to run react-native link…Okay, let's clear the screen,…and head back to our code editor.…
Now let's open up the matchScene,…and we're going to copy everything down to about line 16.…Copy, let's create a new scene,…the name postScene.js,…and in here let's paste that content.…We're going to need some additional imports,…so let's add Text, InputGroup,…Input, Thumbnail, and Spinner.…Now let's add our new image picker import.…So import ImagePicker…from react-native-image-picker…Let's remove this import from the match list…and replace it with a constant…for some image picker options.…
We'll call this options.…
- Setting up your project and Firebase account
- Creating the app container
- Setting up basic navigation
- Creating a splash screen
- Creating a login screen
- Creating a match feature
- Creating a post feature
Skill Level Intermediate
Building an App with React.js and MeteorJSwith Emmanuel Henri4h 20m Intermediate
Building a Web Interface with React.jswith Ray Villalobos1h 21m Intermediate
1. Getting Set Up
2. Building an App
3. Create a Login Screen
4. Create a Match Feature
5. Create a Post Feature
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.