Skip to content

Latest commit

 

History

History
59 lines (51 loc) · 1.79 KB

File metadata and controls

59 lines (51 loc) · 1.79 KB

radio-button-headref

Radio Button

Radio buttons let the user select any one from a set of options.
Replacing Component: React Native TouchableOpacity

Preview ios radio-button-headref Preview android radio-button-headref

Syntax

import React, { Component } from 'react';
import { Container, Header, Content, ListItem, Text, Radio, Right } from 'native-base';
export default class RadioButtonExample extends Component {
  render() {
    return (
      <Container>
        <Header />
        <Content>
          <ListItem>
            <Text>Daily Stand Up</Text>
            <Right>
              <Radio selected={false} />
            </Right>
          </ListItem>
          <ListItem>
            <Text>Discussion with Client</Text>
            <Right>
              <Radio selected={true} />
            </Right>
          </ListItem>
        </Content>
      </Container>
    );
  }
}

Configuration

Property Default Option Description
selected false boolean Represents the state value of an item from set of choices.