RadioButton.Group

Radio button group allows to control a group of radio buttons.

Usage

import * as React from 'react';
import { View } from 'react-native';
import { RadioButton, Text } from 'react-native-paper';

export default class MyComponent extends React.Component {
  state = {
    value: 'first',
  };

  render() {
    return(
      <RadioButton.Group
        onValueChange={value => this.setState({ value })}
        value={this.state.value}
      >
        <View>
          <Text>First</Text>
          <RadioButton value="first" />
        </View>
        <View>
          <Text>Second</Text>
          <RadioButton value="second" />
        </View>
      </RadioButton.Group>
    )
  }
}

Props

onValueChange (required)
Type: (value: string) => void

Function to execute on selection change.

value (required)
Type: string

Value of the currently selected radio button.

children (required)
Type: React.ReactNode

React elements containing radio buttons.