Navigate back to the homepage

fontStyle in react native

Infinitbility
Style
April 30th, 2021 · 1 min read
fontStyle in react native

Hi Devs’,

Welcome to infinitbility,

This article explain to make italic text in react native using fontStyle props.

Let’s start today topic fontStyle in react native Or how do make italic text in react native

React Native provide fontStyle props to make text in italic let’s understand with example.

React Native italic font example

italicFontStyle.js

1import React from 'react';
2import { StyleSheet, Text, View } from 'react-native';
3
4const LotsOfStyles = () => {
5 return (
6 <View style={styles.textContainer}>
7 <Text style={[styles.text, {fontSize: 50, fontWaight: "900"}]}>Infinitbility</Text>
8 <Text style={styles.text}>We have the ability to build infinite way for us.</Text>
9 </View>
10 );
11};
12
13const styles = StyleSheet.create({
14 textContainer: {
15 flex: 1,
16
17 },
18 text: {
19 fontSize: 30,
20 textAlign: 'center',
21 fontStyle: 'italic',
22 }
23});
24
25export default LotsOfStyles;

you just write fontStyle: 'italic' for make italic text.

Output

italic text react native

Thanks For Reading…

Join our email list and get notified about new content

No worries, I respect your privacy and I will never abuse your email.

Every week, on Tuesday, you will receive a list of free tutorials I made during the week (I write one every day) and news on other training products I create.

Looking For React Native Tutorial?

we are trying to create the best Tutorial for react native developers.

When you want a daily updates about React Native Tutorial or infinitbility update subscribe to our newsletter.

Read React Native Tutorial

Request New Tutorial or Article on mail [email protected]

More articles from Infinitbility

React Native ScrollView

React Native ScrollView

React Native Tutorial - React Native ScrollView

February 10th, 2021 · 1 min read
React Native Textinput

React Native Textinput

React Native Tutorial - React Native Textinput

January 28th, 2021 · 1 min read
© 2021 Infinitbility
Link to $https://medium.com/infinitbilityLink to $https://www.facebook.com/InfinitbilityLink to $https://github.com/infinitbilityLink to $https://twitter.com/infinitbilityLink to $https://www.buymeacoffee.com/infinitbilityLink to $mailto:[email protected]