React Native Checkbox

screenshot of React Native Checkbox
react-native

Checkbox component for React native

Overview:

The react-native-checkbox is a Checkbox component designed for React Native applications. It provides a customizable checkbox with various features to enhance user interface interactions.

Features:

  • label: Display text along the checkbox.
  • labelBefore: Position the label before the checkbox (boolean).
  • labelStyle: Apply styles to the label text.
  • checked: Initial checked value of the checkbox.
  • checkedImage: Image to display when the checkbox is checked.
  • checkboxStyle: Apply styles to the checkbox element.
  • uncheckedImage: Image to display when the checkbox is unchecked.
  • onChange: Callback function triggered on checkbox state change.
  • containerStyle: Apply styles to the checkbox container.
  • underlayColor: Style the touchable component underlay color.
  • accessible: Indicates if the view is accessible.
  • accessibilityLabel: Maps to content description/label for Android automation.
  • testID: Maps to ID/name for iOS automation.

Summary:

The react-native-checkbox component provides a range of customization options for implementing checkboxes in React Native applications. Developers can easily configure the checkbox appearance, label placement, images for checked and unchecked states, and handle state changes through callback functions. The component supports accessibility features for Android and iOS automation testing.

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.