Skip to main content

Installation & Getting Started

Get up and running with RNC Styles in your React Native application in seconds.

1. Install via Package Manager​

Install RNC Styles using npm:

npm install rncstyles

or using yarn:

yarn add rncstyles

2. Import and Use Styles​

Import the rncStyles object directly in your React Native components:

import React from 'react';
import { View, Text } from 'react-native';
import rncStyles from 'rncstyles';

export default function MyComponent() {
  return (
    <View style={[rncStyles.flexCenter, rncStyles.p4]}>
      <Text style={[rncStyles.textLg, rncStyles.fontBold]}>
        Welcome to RNC Styles!
      </Text>
    </View>
  );
}

Next Steps​