https://github.com/nexxtway/react-native-rainbow

🌈 React Native Rainbow. Build your IOS and ANDROID application in a snap.
https://github.com/nexxtway/react-native-rainbow

components-library react-native styled-components typescript

Last synced: 8 days ago
JSON representation

🌈 React Native Rainbow. Build your IOS and ANDROID application in a snap.

• Host: GitHub
• URL: https://github.com/nexxtway/react-native-rainbow
• Owner: nexxtway
• License: mit
• Created: 2019-11-08T05:55:08.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-05-11T19:31:12.000Z (over 1 year ago)
• Last Synced: 2024-10-06T02:17:50.383Z (about 1 month ago)
• Topics: components-library, react-native, styled-components, typescript
• Language: TypeScript
• Homepage:
• Size: 23.5 MB
• Stars: 18
• Watchers: 8
• Forks: 3
• Open Issues: 18
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  





    React Native Rainbow





React Native Rainbow is a collection of components that will reliably help you build your IOS and ANDROID application in a snap. Give it a hack and let us know what you think.





 

[![CircleCI](https://circleci.com/gh/nexxtway/react-native-rainbow/tree/master.svg?style=svg)](https://circleci.com/gh/nexxtway/react-native-rainbow/tree/master)

[![npm version](https://badge.fury.io/js/react-native-rainbow.svg)](https://badge.fury.io/js/react-native-rainbow)





### ✨ Features

-   Components built on top of react-native.

-   Accessibility is part of our definition of done.




## Install

1. `yarn add react-native-rainbow` or `npm install react-native-rainbow`

2. `cd ios && pod install`

## ⌨️ Running in iOS simulator

1. git clone https://github.com/nexxtway/react-native-rainbow.git

2. cd react-native-rainbow

3. yarn install

4. yarn loadStories

5. pod repo update

6. cd ios && pod install

7. open ios project in Xcode (open ReactNativeRainbow.xcworkspace file)

8. build and run

## Linting on VS Code

In order to right linting in vs code you need to follow this steps:

1. Press fn + f1 in keyboard

2. Type `open settings` in search bar and select `Preference: Open Settings (JSON)` option

3. add the following config to the json settings:

```json

"eslint.validate": [

    "javascript",

    "javascriptreact",

    {

        "language" : "typescript",

        "autoFix": true

    },

    {

        "language" : "typescriptreact",

        "autoFix": true

    }

]

```

## Update CocoaPods (requires >= 1.9)

1. check version `pod --version`

2. brew install cocoapods

3. brew link --overwrite cocoapods

## brew update

1. To `brew update`, first run:

   git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core fetch --unshallow

   git -C /usr/local/Homebrew/Library/Taps/homebrew/homebrew-cask fetch --unshallow

2. brew update

## fix "xcrun: error: SDK "iphoneos" cannot be located"

1. sudo xcode-select --print-path

2. sudo xcode-select --switch /Applications/Xcode.app