Sign in Go Pro

Build a React Native Application

Displaying Images and Icons in React Native

This lesson is for PRO members.

Upgrade today to get access to all the PRO lessons.

Unlock this lesson

Up next



Importing and using images can be accomplished by including the images in your app's source, and references the image using a regular import.

Icons are also easy to setup and use, by utilizing an icon font. We use the icons that come packaged with Native Base to add open circles and checkmarks to the todo items.


Star and Checkmark images here

Summary of Content:

  • Download 1x, 2x, and 3x version of icons
  • Import icons, and use them with the Image component
  • Add that image to the tab bar
  • Using an icon font set
  • Styling icons and images




Make sure you don't use react-navigation 2 because it doesn't work well (it doesn't show the check icon plus it produces a deprecation warning).

You need to go PRO to post comments.

Lessons in Build a React Native Application