meetui-react-native/docs/Button.md

collection of React Native ui components

## Button
A button for React apps

### Usage
require it from your app's JavaScript files with `import { Button } from 'meetui-react-native'`.

```js
import React, { Component } from 'react'
import { Button } from 'meetui-react-native'

export default class ExampleComponent extends Component {
  handleButtonPress() {
    console.log('Pressed!')
  }

  render() {
    return (
      <Button
        style={{fontSize: 20, color: 'green'}}
        styleDisabled={{color: 'red'}}
        onPress={() => this.handleButtonPress()}
      >
        Press Me!
      </Button>
    )
  }
}
```

The React packager will include the Button component in your app's JS package and make it available for your app to use.

### Container Style
You can make a button with rounded corners like this:
```js
  <Button
    containerStyle={{padding:10, height:45, overflow:'hidden', borderRadius:4, backgroundColor: 'white'}}
    style={{fontSize: 20, color: 'green'}}
  >
    Press me!
  </Button>
```

### Contributing

Contributions are welcome. Please verify that styling matches the latest version of iOS when you are changing the visual look of the buttons.