Basic Multiselect Button Screenshots

Installation

Add the dependency:

npm i @paraboly/react-native-multiselect

Peer Dependencies

"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"lodash": ">= 4.17.15",

Usage

Import

import Multiselect from "@paraboly/react-native-multiselect";

Usage

Do not forget to check Example Data to make it work

 <Multiselect
        data={staticData}
        onPress={res => console.log(res)}
        onChange={res => console.log(res)}
  />

Example Data

const staticData = [
  {
    id: 0,
    text: "Yüksek",
    features: {
      height: 40,
      width: 70,
      activeButtonColor: "#a085af",
      inactiveButtonColor: "#dbdbdb",
      activeTextColor: "#eaeaea",
      inactiveTextColor: "#848484"
    }
  },
  {
    id: 1,
    text: "Orta",
    features: {
      height: 40,
      width: 70,
      activeButtonColor: "#a085af",
      inactiveButtonColor: "#dbdbdb",
      activeTextColor: "#eaeaea",
      inactiveTextColor: "#848484"
    }
  },
  {
    id: 2,
    text: "Düşük",
    features: {
      height: 40,
      width: 70,
      activeButtonColor: "#a085af",
      inactiveButtonColor: "#dbdbdb",
      activeTextColor: "#eaeaea",
      inactiveTextColor: "#848484"
    }
  }
];

Configuration - Props

| Property | Type | Default | Description | | ------------------- | :------: | :-------: | ------------------------------------------------------------------------------------ | | height | style | 40 | set your own height | | width | style | 70 | set your own width | | activeButtonColor | style | #a085af | use this to change the active color of the button | | inactiveButtonColor | style | #dbdbdb | use this to change the inactive color of the button | | activeTextColor | style | #eaeaea | use this to change the active color of the text | | inactiveTextColor | style | #848484 | use this to change the inactive color of the text | | onChange | function | undefined | you can make your business logic or get the selection of the data from this function | | onPress | function | undefined | onPress function for each of them |

Author

Şevval Eygül

License

React Native Multiselect Button Group is available under the MIT license. See the LICENSE file for more info.