Start building out the application by adding a drawer component to contain a side menu for navigation. In this video, learn how to add a base side menu or drawer component.
- [Narrator] Previously we set up our app container class.…Now we will add a side menu drawer to it.…To start open up the app container file…and we'll import open curly brace drawer and we will also…need view close curly brace from native base.…Next let's go down to our render method on line 14.…And we'll place this null on the open parentheses…and we'll add in a drawer component.…
The properties for the drawer, we'll start off with a ref…which is going to be an anonymous…function takes in a reference.…And we're going to assign that to this._drawer equals ref.…We'll hold that reference for…later and use it in other methods.…Next we'll add the property type…and this is going to be displace.…This property controls how the menu appears on the screen.…We chose displace because we would like our menu…to push our current content over to the side…instead of overlay on top it.…
Next we will add our content property.…This contains the actual view of our side menu.…We're going to have some place holders since we…have not built our side menu yet.…
- 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.