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

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

Download Details:

Author: hectahertz

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/hectahertz/react-native-typography

License: MIT

You Might Be Interested In:

Add Comment