React Native Text - React Native

What is React Native - Text?

In this tutorial, we will discuss about Text component in React Native.

This component can be nested and it can inherit properties from parent to child. This can be useful in many ways. We will show you example of capitalizing first letter in every sentence.

Step 1 - Create File

The file we are going to create is src/components/home/TextExample.js

Step 2 - Logic

We don't need any logic in below example so we are just going to create simple container.

src/components/home/HomeContainer.js

Example

Step 3 - Presentation

We use inheritance pattern. styles.text needs to be applied to all Text components.

styles.capitalLetter will only be applied to first letter in every sentence.

src/components/home/TextExample.js

Example

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

React Native Topics