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.