docs/public/3.0/radio-button.html
Radio buttons allow the selection a single option from a set.
Android (enabled)
Android (disabled)
iOS (enabled)
iOS (disabled)
import * as React from 'react';
import { View } from 'react-native';
import { RadioButton } from 'react-native-paper';
const MyComponent = () => {
const [checked, setChecked] = React.useState('first');
return (
<View>
<RadioButton
value="first"
status={ checked === 'first' ? 'checked' : 'unchecked' }
onPress={() => setChecked('first')}
/>
<RadioButton
value="second"
status={ checked === 'second' ? 'checked' : 'unchecked' }
onPress={() => setChecked('second')}
/>
</View>
);
};
export default MyComponent;
value (required)
Type: string
Value of the radio button
status
Type: 'checked' | 'unchecked'
Status of radio button.
disabled
Type: boolean
Whether radio is disabled.
onPress
Type: () => void
Function to execute on press.
uncheckedColor
Type: string
Custom color for unchecked radio.
color
Type: string
Custom color for radio.
theme
Type: Theme
These properties can be accessed on RadioButton by using the dot notation, e.g. RadioButton.Group.
Group
Type: static
Android
Type: static
IOS
Type: static
Item
Type: static