Use styles to finish the match list and make it pop. In this video, learn how to use react-native styles to help the matches component stand out.
- Previously we made the match-list component class…and render methods.…Now let's look at its styling.…We're going to open up the match-list component.…Since we're going to be working with stylesheets,…we're going to need to import stylesheets…from react-native.…Let's do that now.…Import stylesheet from react-native…Now we scroll all the way to the bottom of the file,…line 83 just before our export,…we'll create a new line…and we'll make a constant called styles.…
Then we equal to style sheet.create…that's a method.…Takes an object.…And our first style is going to be card.…In cards we're to have alignItems.…That's going to be equal to center.…It's going to have a borderRadius which we'll make about five…to give it a little curved edge.…Let's do overflow hidden.…Give it a broaderColor.…We'll set that to grey.…Give it a backgroundColor…we'll set that to white.…
Give it a boarderWidht set to one pixel…should be good enough.…And since we only want to be showing one card a time,…we going to add an elevation and we going to set that just to one.…
- 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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.