Hands-On Design Patterns with React Native

The Image component

The next component that you will often use is the Image component. Let's extend our task list with the React logo. After each task, we will show a .png image of the React logo:

// Chapter 2_View patterns/ Example 5/src /Task.js// ...<Image    // styles just to make it smaller in the example    style={{width: 100, height: 100}}    source={require("./react.png")}/>// ...

Please note that not every image type is supported right now. For instance, SVG images will need a separate library to work.

You can check out the props that the Image component consumes in the official documentation here: https://facebook.github.io/react-native/docs/image. You will find useful props such as loadingIndicatorSource here—this is an image that is shown ...