expo-nativewind-components

A collection of reusable React Native components for Expo projects, super charged with NativeWind. Once you have an expo project setup with NativeWind, you can use these components in place of the core React Native components and pass className props directly to style your components.

Table of Contents

• expo-nativewind-components
  • Table of Contents
  • Installation
  • Usage
  • Contributing
  • Running Tests
  • License
  • Bugs and Issues
  • Author

Installation

To install the package, run:

npm install expo-nativewind-components

yarn add expo-nativewind-components

Usage

Import the components you need from the package and use them in your project. Here's an example:

import React from "react";
import { StyledWindView, StyledWindText } from "expo-nativewind-components";
const App = () => {
  return (
    <StyledWindView className="h-screen w-full justify-center items-center">
      <StyledWindText className="text-center text-2xl font-bold text-blue-500 mt-10">
        Hello Awesome developers 👋🏽
      </StyledWindText>
    </StyledWindView>
  );
};

export default App;

Contributing

We welcome contributions! Please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes.
4. Commit your changes (git commit -m 'Add some feature').
5. Push to the branch (git push origin feature-branch).
6. Open a pull request.

Please make sure to update tests as appropriate.

Running Tests

To run the tests, use the following command:

npm run test

License

This project is licensed under the MIT License - see the LICENSE file for details.

Bugs and Issues

If you encounter any bugs or issues, please report them on the GitHub Issues page.

Author

Created by Ibukun demehin.