react-native-arcade-button

Live Demo (CodeSandbox)

Installation

npm install --save react-native-arcade-button

Usage

import React from 'react'

import ArcadeButton from 'react-native-arcade-button'

class Foo extends React.Component {

  onClick = (e) => {
    //...do some logic
  }

  render() {
    return (
      <ArcadeButton
        onPressOut={this.onClick}
      >
        <Text>Click</Text>
      </ArcadeButton>
    )
  }
}

Props

| name | type | default | desc --- | --- | --- | --- | | children | Component | null | Traditional React children component(s) passed along to label the button. Can be text, icon, etc. | | color | string | null | Any rgb, hex, hsv, etc. color supported by StyleSheet. | disabled | bool | false | Disables the button presses, will call onDisabledOut when pressed anyway (for user experience use cases). | | onDisabledOut | func | null | When disabled is true, function is called when button is pressed out anyway. | | onPressIn | func | null | Function called when button press in. | | onPressOut | func | null | Function called when button is released. |

License

Made with 🍊 by Chris Dolphin