Saturday, 25 January 2020

NativeBase Radio


import React, { Component } from 'react';
import { Image } from 'react-native';
import { TextInputMask } from 'react-native-masked-text'
import {
  Container, Header, Title, Content, Footer,
  FooterTab, Button, Left, Right, Body, Icon, Text,
  Accordion, Card, CardItem, Thumbnail, ListItem,
  CheckBox, DatePicker, DeckSwiper, View, Fab,
  Badge, Form, Item, Input, Label, Picker, Textarea,
  Switch, Radio
} from 'native-base';

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      radio1: false,
      radio2: true,
    };
  }

  render() {
    return (
      <Container>
        <Header>
          <Body>
            <Title>Radio</Title>
          </Body>
        </Header>
        <Content>
          <ListItem>
            <Left>
              <Text>Daily Stand Up</Text>
            </Left>
            <Right>
              <Radio selected={this.state.radio1}
                onPress={() => this.setState({ radio1: !this.state.radio1 })} />
            </Right>
          </ListItem>
          <ListItem>
            <Left>
              <Text>Discussion with Client</Text>
            </Left>
            <Right>
              <Radio selected={this.state.radio2}
                onPress={() => this.setState({ radio2: !this.state.radio2 })} />
            </Right>
          </ListItem>
        </Content>
      </Container>
    );
  }
}

No comments:

Post a Comment