The image component can be used to display Images within views. In this lesson, Alex Banks shows us how to load and display two PNG images that contain text elements.
- [Voiceover] React Native has a component…that will allow us to display images within our views.…Currently, I'm inside of the exercise files…for chapter three, lesson four.…I have the index.ios.js code in front of me,…as well as the application running in the iPhone6 simulator.…We have live reload enabled,…so if I make changes to this file and save them,…we will see those changes instantly update in the simulator.…Now, in the Atom IDE, I can hold command backslash…to see the tree view of files.…And you'll notice that, inside of this exercise file folder…we also have a folder called assets.…
In our assets folder, we have a couple of images,…Sierra Spencer and Tanner McTab.…They're both png images.…The first thing I'm going to do is…import these images into this file,…import picSierra.…And we're going to import images the exact same way…that we would import modules.…I am inside of the index.ios.js,…so the image that I'm looking for is…inside of the assets folder on the same level.…And I'm also going to import Tanner's pic, Tanner McTab.…
- How React Native works
- Running an iOS app
- Debugging an app
- Working with components
- Creating style sheets
- Preparing a color list and color info
- Using the navigator
- Fetching data
Skill Level Intermediate
Building a Polling App with Socket IO and React.jswith Alex Banks3h 56m Intermediate
React Native Ecosystem and Workflowwith Emmanuel Henri1h 3m Intermediate
React Native: Building Mobile Appswith Steven Emmerich1h 59m Intermediate
1. What Is React Native?
2. Getting Started
3. Native Components
4. Working with Views
5. Platform APIs
Next steps1m 22s
- 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.