1. 11
    Scroll Elements on a React Native Screen with ScrollView
    2m 19s

Scroll Elements on a React Native Screen with ScrollView

Share this video with your friends

Send Tweet

Screens on mobile devices don’t automatically scroll like the web. To let the user scroll the screen, we’ll wrap our screen in a ScrollView.

Kayla Sween
Kayla Sween
~ 6 years ago

Hey! I noticed you didn't put a code section of the restaurant array, so I figured I'd put it in the comments in case anyone else wanted to just copy/paste it into their code to avoid writing all of those out. :)

const restaurants = [ {name: 'React Cafe', address: '123 Anywhere Street'}, {name: 'Fancy Restaurant', address: '799 Main Street'}, {name: 'Taco Place', address: '550 Maple Road'}, {name: 'Tony's Diner', address: '4104 College St'}, {name: 'Pasta Central', address: '706 Central St'}, {name: 'Burger Builder', address: '4869 Hamilton Dr'}, {name: 'Pizza Express', address: '1049 Bird St'}, {name: 'Teriyaki To Go', address: '1885 Tea Berry Ln'}, {name: 'Maroon Deli', address: '1082 Stuart St'}, {name: 'Prime Bar and Grill', address: '1848 Fairfax Dr'}, {name: 'Dumpling House', address: '747 Kelly Dr'}, {name: 'Hot Chicken', address: '1816 Olive St'}, {name: 'Luna's Tap Room', address: '3256 Spirit Dr'}, {name: 'Quick Sandwich Shop', address: '2587 Cherry Ridge Dr'}, {name: 'Bobby's Burgers', address: '4152 Berkley St'}, {name: 'Turnpike Diner', address: '4571 Central Ave'}, {name: 'Bombay Express', address: '65 Queens Ln'}, {name: 'Coffee Central', address: '3228 Oakwood Cr'}, {name: 'King's Garden', address: '2935 Victoria Ct'}, {name: 'Salads and More', address: '2454 Preston St'} ]

Juliette Rapala
Juliette Rapala
~ 5 years ago

Thanks Kayla! :)

~ 5 years ago

👏🏻 thank you