react-native-easy-action-buttons

Easy switchable actions buttons in react native.

Usage no npm install needed!

<script type="module">
  import reactNativeEasyActionButtons from 'https://cdn.skypack.dev/react-native-easy-action-buttons';
</script>

README

React Native Easy Action Buttons 🚀

Easy switchable actions buttons in react native.

demo

Installation

npm install --save react-native-easy-action-buttons

yarn add react-native-easy-action-buttons

Usage

import EasyActionButton from 'react-native-easy-action-buttons';

const actionButtons = [
  { type: 'type1', title: 'Title 1', initials: 'A' },
  { type: 'type2', title: 'Title 2', initials: 'B' },
  { type: 'type3', title: 'Title 3', initials: 'C' },
  { type: 'type4', title: 'Title 4', initials: 'D' }
]

render() {
  return (
    <View style={styles.mainContainer}>
      <EasyActionButton buttons={actionButtons} mainIndex={1} onChange={this.onChange} />
    </View>
  )
}

Properties

Prop Type Description
buttons Array(Object) Major data source.
mainIndex Number Index of the item to begin with default.
onChange function Callback that is called when the user taps a button.

License

MIT