byStrange / WMS-Nativewind

React Native with NativeWind (Tailwind CSS) Starter

A starter template for building React Native applications with the power of NativeWind, a utility-first styling library inspired by Tailwind CSS.

Features

• Preconfigured setup to use NativeWind for styling in your React Native project.
• A simple example component demonstrating the usage of NativeWind classes.
• Easy-to-understand project structure for quick development.
• A starting point for creating cross-platform mobile apps with a utility-first design approach.

Getting Started

Follow these steps to get started with this React Native project:

1. Clone the Repository:

   git clone https://github.com/WebMind1s/WMS-Nativewind.git
   cd WMS-Nativewind

2. Install Dependencies:

   You can choose to use either Yarn or npm to install the project's dependencies. Pick one of the following methods:

   • Using Yarn:

     yarn install

   • Using npm:

     npm install

3. Start the Development Server:

   npm start

4. Run on Android or iOS:

   Use the following commands to run the app on Android or iOS devices/emulators:

   For Android:

   npm run android

   For iOS:

   npm run ios

Usage

This starter project is designed to simplify the process of setting up a React Native app with NativeWind for styling. You can start building your own components and screens using NativeWind classes.

The example component in this project demonstrates how to apply NativeWind classes to style a basic UI component.