Create a Scrollable React Native Component with ScrollView

Tyler McGinnis
InstructorTyler McGinnis

Share this video with your friends

Send Tweet

To show a list of unchanging data in React Native you can use the scroll view component. In this lesson, we'll map through the data we got back from the Github API, and fill complete ScrollView component for the user profile.

JP
JP
~ 6 years ago

Why does the getRowTitle() method take the userInfo object? It's not being used at all.

Thanks

Jason
Jason
~ 6 years ago

FYI, it seems like part of this video is missing. 4:40 has no return statement but it's there at 4:51. Also, Dashboard's goToProfile method wasn't completed on camera.

But hey, it was a good test to do on my own :)

nader dabit
nader dabit
~ 6 years ago

For anyone who may have missed the Profile route: this.props.navigator.push({ component: Profile, title: 'Profile Page', passProps: {userInfo: this.props.userInfo} })

Marty
Marty
~ 6 years ago

For anyone who may have missed the Profile route: this.props.navigator.push({ component: Profile, title: 'Profile Page', passProps: {userInfo: this.props.userInfo} })

Which goes on Dashboard.js

Marty
Marty
~ 6 years ago

If you're getting "Can't find variable: Profile," you'll need to require the Profile file on Dashboard.js.

var Profile = require('./Profile');

Jaclyn
Jaclyn
~ 5 years ago

Thanks! Definitely missed this

Jaclyn
Jaclyn
~ 5 years ago

Thanks! Definitely missed this

Florian Vallen
Florian Vallen
~ 4 years ago

there's no need for the userInfo parameter in the getRowTitle function