Mobile
Reader small image

You're reading from  React Native By Example

Product typeBook
Published inApr 2017
Reading LevelIntermediate
PublisherPackt
ISBN-139781786464750
Edition1st Edition
Languages
JavaScript
Tools
React Native
Concepts
Cross Platform Mobile Development
Right arrow
Author (1)
Richard Kho
Richard Kho
author image
Richard Kho

Richard Kho is a software engineer living in San Francisco. He taught himself how to code in 2014 and has lived a past life as a photographer and cinematographer. He currently works for Capital One and has taught software engineers at Hack Reactor in the past. Richard is also a technical advisor to Code Chrysalis, an advanced software engineering immersive in Tokyo.
Read more about Richard Kho

Right arrow

Rendering images

To show an image with React Native, we use the Image component. It lets us display images from both local and remote sources. Styles can also be added to an image, the same way you would stylize any other React component.

We will use the following props for our Image components in this chapter:

  • resizeMode: We will use one of the following strings:
    • cover: This scales the image uniformly and maintains its aspect ratio so that both the width and height of the image will be equal to or larger than the view that encapsulates the Image component.
    • contain: This string also scales the image uniformly and maintains its aspect ratio so that both the width and height of the image will be equal to or less than the view that encapsulates the Image component.
    • stretch: This scales the width and height independently and can change the aspect ratio of the source image.
    • repeat: This repeats the image to cover the entire frame of the encapsulating view. This option also keeps the original size...
lock icon
The rest of the page is locked
Previous Page
Chapter 14 of 17, Page 4
Next Page
You have been reading a chapter from
React Native By Example
Published in: Apr 2017Publisher: PacktISBN-13: 9781786464750
© 2017 Packt Publishing Limited All Rights Reserved

Author (1)

author image
Richard Kho

Richard Kho is a software engineer living in San Francisco. He taught himself how to code in 2014 and has lived a past life as a photographer and cinematographer. He currently works for Capital One and has taught software engineers at Hack Reactor in the past. Richard is also a technical advisor to Code Chrysalis, an advanced software engineering immersive in Tokyo.
Read more about Richard Kho

Other recommended products

Related to this chapter

Mastering React Native

Mastering React Native

Do you want to build robust applications using React Native? Mastering React Native will help you do just this by showing you how to manage data using Redux and Redux middleware, apply animations in your applications, and more!

BookJan 2017496 pages
React Native - Building Mobile Apps with JavaScript

React Native - Building Mobile Apps with JavaScript

The emergence of React Native has made creating mobile apps in JavaScript easier for developers. This book introduces you to the React Native framework and the mobile apps development process. It starts with how React Native fits into the world of hybrid apps, and why it’s a popular framework. You’ll learn how React Native works under the hood--compiling JavaScript to Native code to bridge JavaScript and native apps. Also, you’ll learn how to write React Native components and use the ReactJS way of structuring your app. Understand how to use the industry standard Redux architecture as well as MobX--a newly emerging approach for state management--making your apps more robust and scalable.

BookAug 2017434 pages
React: Cross-Platform Application Development with React Native

React: Cross-Platform Application Development with React Native

With React Native, you can build native mobile apps that are much more powerful, interactive, and faster by using JavaScript. React Native helps web and mobile developers to build cross-platform apps at a high level. This book takes you through four projects to help understand of the framework and build mobile apps with native user experience.

BookMar 2018182 pages
React Native Cookbook

React Native Cookbook

React Native is perfect for creating mobile applications with maximized code reusability and cost saving. With this practical solutions guide by your side, you can build amazing UIs, tackle mobile development-related issues, and build high-performance apps for mobile environments.

BookJan 2019592 pages4
React Native Blueprints

React Native Blueprints

Considering the success of React framework, Facebook has recently introduced a new mobile development methodology named React Native. With React Native on board, you’ll be able to build native mobile applications using JavaScript, making much more powerful, faster, and more interactive applications. React Native is a game-changing approach to hybrid mobile development. This project-based guide takes you through 8 projects to help you gain a sound understanding of the framework when it comes to building mobile apps with native user experience.

BookNov 2017346 pages
React and React Native

React and React Native

Learn how to use React and Reactive Native to build mobile, desktop and native applications with React and React Native. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

BookSep 2018540 pages
React and React Native

React and React Native

Discover and learn how to use React and Reactive Native to build mobile, desktop and native applications with React and React Native. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

BookMar 2017500 pages
React Projects

React Projects

React, an intuitive web frontend framework, extends its capabilities in building apps for mobile and VR. This book aims to help you in building React applications through a series of real-world projects increasing in complexity as you progress. With coverage on various modern React tooling, you will get a wholesome knowledge of React development.

BookDec 2019474 pages
Hands-On Design Patterns with React Native

Hands-On Design Patterns with React Native

React Native has changed the mobile business by enabling JavaScript developers to write cross-platform native codes conveniently. This book focuses on effective design patterns in React Native with real-life examples. The end goal is to help readers with techniques and patterns to make React Native development easy and efficient.

BookSep 2018302 pages
React and React Native

React and React Native

Discover and learn how to use React and React Native to build mobile, desktop and web apps. From composable and Native UIs through to device-specific APIs and offline development, this book has everything you need to create engaging and user-friendly React applications which run on all major platforms.

BookApr 2020526 pages