https://github.com/ahmetkuslular/react-native-with-style

A styling package for easily adding themes to your React Native projects.
https://github.com/ahmetkuslular/react-native-with-style

dark-mode dark-theme light-mode light-theme react-native switch-theme

Last synced: 17 days ago
JSON representation

A styling package for easily adding themes to your React Native projects.

• Host: GitHub
• URL: https://github.com/ahmetkuslular/react-native-with-style
• Owner: ahmetkuslular
• License: mit
• Created: 2021-03-30T18:34:07.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-11-05T12:19:09.000Z (over 2 years ago)
• Last Synced: 2025-02-07T17:54:23.692Z (4 months ago)
• Topics: dark-mode, dark-theme, light-mode, light-theme, react-native, switch-theme
• Language: JavaScript
• Homepage: https://ahmetkuslular.github.io/react-native-with-style
• Size: 12.3 MB
• Stars: 17
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Native With Style

A styling package for easily adding themes to your React Native projects. 🌑 🔆

[![npm](https://img.shields.io/npm/v/react-native-with-style)](https://img.shields.io/npm/v/react-native-with-style) [![npm](https://img.shields.io/npm/l/react-native-with-style?style=flat-square)](https://www.npmjs.com/package/react-native-with-style) [![runs with expo](https://img.shields.io/badge/Runs%20with%20Expo-4630EB.svg?style=flat-square&logo=EXPO&labelColor=f3f3f3&logoColor=000)](https://expo.io/)

## Inspiration

It's actually not that hard to style in RN projects. However, I do not like to make comparisons such as if it is dark in the component, take this color, and if it is light, take this color, and give a style in the component. That's why I always liked the styled-component logic. Passing the style a theme I created as a parameter always gives a cleaner result. and as a result such a package came out.

## Features

- clean code 🚀

- using cached styles 🌚 🌝

- theme management

- system theme

## Installation

```cmd

yarn add react-native-with-style

```

## Todo

- typescript

- direction style

## Contributors

- [ahmetkuslular](https://twitter.com/ahmetkuslular)