Add the dependency:

npm i react-native-bouncy-checkbox-group

"react-native-bouncy-checkbox": ">= 2.1.5"

import BouncyCheckboxGroup, {
  ICheckboxButton,
} from "react-native-bouncy-checkbox-group";

<BouncyCheckboxGroup
  data={staticData}
  onChange={(selectedItem: ICheckboxButton) => {
    console.log("SelectedItem: ", JSON.stringify(selectedItem));
  }}
/>

<BouncyCheckboxGroup
  data={verticalStaticData}
  style={{ flexDirection: "column" }}
  onChange={(selectedItem: ICheckboxButton) => {
    console.log("SelectedItem: ", JSON.stringify(selectedItem));
  }}
/>

You MUST follow this data format as ICheckboxButton

[
  {
    id: 0,
  },
  {
    id: 1,
  },
  {
    id: 2,
  },
  {
    id: 3,
  },
];

You can checkout the example project 🥰

Simply run

• npm i
• react-native run-ios/android

should work of the example project.

You can use all of the customiztion options from the rn bouncy checkbox. You NEED to add the styling and props into the data. Therefore, you can customize each of the checkboxes easily.

• LICENSE
• Write an article about the lib on Medium

FreakyCoder, [email protected]

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