Finish the post scene by adding a render method and building the JSX form for new posts. In this video, learn how to make new posts and send them off to Firebase.
- [Instructor] Previously, we fleshed out…our postScene class,…now let's add some rendering.…Go to scenes, and open up postScene.…Here at the bottom, we're going to create a render method,…and that's going to return (Container.…Going to have our theme applied to it.…It's going to be this.props.theme…and inside of the container we're going to have a header.…Inside of that header we'll have a button…that's transparent and it's onPress handler,…we're going to have this.props.navigator.pop.…
Notice we're not putting the parentheses…on this function so it isn't automatically called.…Finish that tag, inside of our button we'll have an icon.…It's name is going to be chevron-left,…and this'll be used as our back arrow.…Let's close up our button, we'll add a title to our header.…And that title will simply be Posts, close our title.…Now let's close our header, and open a view…for the body of our scene.…First thing we're going to do in this view…is we're going to check if we're loading.…So this.state.uploading and if that's the case,…
- 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.