Skip to content
Nachos UI is a React Native component library.
Branch: master
Clone or download
armouti and mattapperson Update README.md (#47)
Some components like the Input component fail to render with errors such as:
`Unhandled JS Exception: TypeError: TypeError: TypeError: Cannot read property 'color' of undefined`
if the highest component in the app is not wrapped in a `<ThemeProvider>`
Latest commit d45b411 Aug 16, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.expo WIP V0.2.0 - New Theme System (#41) Jun 7, 2018
.github Update stale.yml Jun 14, 2018
.storybook-native WIP V0.2.0 - New Theme System (#41) Jun 7, 2018
.storybook WIP V0.2.0 - New Theme System (#41) Jun 7, 2018
assets/fonts WIP V0.2.0 - New Theme System (#41) Jun 7, 2018
scripts update Jest, add coverage May 4, 2018
src WIP V0.2.0 - New Theme System (#41) Jun 7, 2018
.babelrc Init Jan 31, 2017
.editorconfig Init Jan 31, 2017
.eslintrc WIP V0.2.0 - New Theme System (#41) Jun 7, 2018
.flowconfig Init Jan 31, 2017
.gitignore WIP V0.2.0 - New Theme System (#41) Jun 7, 2018
.npmignore Add __tests__ to npmignore Jan 31, 2017
.travis.yml WIP V0.2.0 - New Theme System (#41) Jun 7, 2018
CHANGELOG.md
CODE_OF_CONDUCT.md Init Jan 31, 2017
CONTRIBUTING.md Init Jan 31, 2017
LICENSE Update LICENSE May 4, 2018
README.md Update README.md (#47) Aug 15, 2018
package-lock.json WIP V0.2.0 - New Theme System (#41) Jun 7, 2018
package.json version bump for beta Jun 12, 2018
wallaby.js WIP V0.2.0 - New Theme System (#41) Jun 7, 2018
yarn.lock

README.md

Nachos UI

Build Status

Intro

Nachos UI is a React Native component library. Read more about how we built it on Medium.

Features:

Getting started

Requires React Native 0.40 and higher.

$ npm install --save nachos-ui  

OR

$ yarn add nachos-ui

The ThemeProvider component should be set at the highest level of your app. If it is not, Nachos UI components will NOT render.

import { ThemeProvider } from "nachos-ui";

export default (App = () => (
  <ThemeProvider>
    <RestOfYourApp />
  </ThemeProvider>
));
import React from 'react'
import { View } from 'react-native'
import { Button } from 'nachos-ui'

const App = () => {
  return (
    <View>
    	<Button>Button</Button>
    </View>
  )
}

Documentation

Visit the documentation at https://avocode.com/nachos-ui/docs/ with technical information about each component.

Contributing

Contributions are always welcome! Before contributing, please read our Code Of Conduct.

Read Contributing.

Developers

To play with Nachos UI locally first clone the repository:

$ git clone git@github.com:avocode/nachos-ui.git

Ideally use Yarn to install your dependencies. It's fast and consistent:

$ yarn install

To run the iOS simulator run:

$ yarn run start

To run the Web version:

$ yarn run start:web

License

Nachos UI is open source and released under the MIT License.

Thanks!

You can’t perform that action at this time.