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>
);
}
}
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment