Creating Great Text Styles In React Native – react-native-typography

Description:

The react-native-typography allows you to create Pixel–perfect, native–looking typographic styles for React Native.

Installation:

# Yarn
$ yarn add react-native-typography
# NPM
$ npm install react-native-typography --save

Usage:

Import the react-native-typography.

import React from 'react';
import { StyleSheet, View, Platform, TouchableOpacity } from 'react-native';
import { StackNavigator, DrawerNavigator } from 'react-navigation';
import { Ionicons } from '@expo/vector-icons';
import { Constants } from 'expo';
import { iOSColors } from 'react-native-typography';

Apply the styles to your text.

<Text style={material.display4}>Hello Material!</Text>

Preview:

react-native-typography

Add Comment