The WebView can be used to load and display web pages within your application. In this lesson, learn to incorporate the WebView component by adding an information button to the color list application.
- [Tutor] Another popular view…that you may want to use is the Web view.…The Web view operates…like a mini browser window inside of a view,…it can be used to load pages,…that are typically rendered in the browser.…Let's incorporate a Web view into our ColorList application.…Now, currently we have this list of colors,…where we can use color names,…but there's some weird ones like Salmon,…that is unavailable HTML color name,…so we see our Salmon…and then the color details about Salmon,…so how do we know what names are available?…Well, if we actually take a look at W3Schools.com,…we have a whole list of the names that are available,…so any of these color names, we can add to our application.…
What I want to do is I want to display…this list of color names within our application,…so at present, I still have the application running,…we still have Livereload enabled,…I'm looking at the index.ios.js file,…we can see that we've created an App component…and the App component is created using…the StackNavigator from React Navigation…
- 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
Q: This course was updated on 08/21/2017. What changed?
A: New videos were added that cover Android setup and running the Android emulator. In addition, the following topics were updated: building color info component, fetching data, and incorporating a WebView.
Building a Polling App with Socket IO and React.jswith Alex Banks3h 56m Intermediate
React Native Ecosystem and Workflowwith Emmanuel Henri1h 3m 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?
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.