Checkbox.Item
Checkbox.Item allows you to press the whole row (item) instead of only the Checkbox.
Usage
import * as React from 'react';
import { View } from 'react-native';
import { Checkbox } from 'react-native-paper';
const MyComponent = () => (
<View>
<Checkbox.Item label="Item" status="checked" />
</View>
);
export default MyComponent;
Props
Type:
string
Default value:
label
Accessibility label for the touchable. This is read by the screen reader when the user taps the touchable.
labelVariant
Available in v5.x with theme version 3
Default value:
'bodyLarge'
Label text variant defines appropriate text styles for type role and its size. Available variants:
Display: displayLarge
, displayMedium
, displaySmall
Headline: headlineLarge
, headlineMedium
, headlineSmall
Title: titleLarge
, titleMedium
, titleSmall
Label: labelLarge
, labelMedium
, labelSmall
Body: bodyLarge
, bodyMedium
, bodySmall
Type:
ThemeProp
Type:
'android' | 'ios'
Whether <Checkbox.Android />
or <Checkbox.IOS />
should be used.
Left undefined <Checkbox />
will be used.