Installation

Get started with React Native Components in your project

Prerequisites

Make sure you have these installed before proceeding

React Native 0.70 or higher

Node.js 16 or higher

TypeScript 4.5+ (recommended)

Expo SDK 49+ (if using Expo)

Installation Steps

1Install the Package

Add React Native Components to your project

Terminal

2Configure NativeWind

Set up Tailwind CSS for React Native

tailwind.config.js

babel.config.js

3Set Up Your App

Configure your main App component

App.tsx

4Create Your First Component

Test the installation with a simple component

WelcomeScreen.tsx

Expo Projects

Additional setup for Expo managed workflow

For Expo projects, make sure to install expo-dev-client if you're using custom native modules.

Bare React Native

Setup for bare React Native projects

You may need to run pod install on iOS and rebuild your project after installation.

Installation Complete!

You're ready to start building with React Native Components

Now that you have everything set up, explore our component library and start building amazing apps.