Cheatsheet

    <View style={{flex:1}}>

                <View style={{flex:1}}>
                    <Button><Text>Hi</Text></Button>
                    <ListItem><Text>Hi</Text></ListItem>
                    <Switch onChange={this.toggleState("switchVal")} value={this.state.switchVal}/>
                    <Checkbox onChange={this.toggleState("checkboxVal")} value={this.state.checkboxVal}/>
                    <Radio onChange={this.toggleState("radioVal")} value={this.state.radioVal}/>
                    <Loader/>
                    <TextInput
                        onChange={(text)=>this.setState({text:text})}
                        minLines={2}
                        maxLines={2}
                        multiline={true}/>
                    <Text>{this.state.text}</Text>
                    <Select value={1}>
                        <Text text="Option 1" value={1} data={{name:'Kyle'}}>Option 1</Text>
                        <Text value={2} data={{name:'Bob'}}>Option 2</Text>
                    </Select>
                </View>

                <Swiper height={200}>
                    <View style={{flex:1, backgroundColor:'#333'}}/>
                    <View style={{flex:1, backgroundColor:'#444'}}/>
                    <View style={{flex:1, backgroundColor:'#555'}}/>
                    <View style={{flex:1, backgroundColor:'#666'}}/>
                </Swiper>

                <TabBar
                    onChange={(tab)=>this.setState({tab:tab})}
                    value={this.state.tab}>
                    <FooterTabItem value={1} text="Favourites" icon="ios-star-outline"/>
                    <FooterTabItem value={2} text="Twitter" icon="social-twitter-outline"/>
                    <FooterTabItem value={3} text="Facebook" icon="social-facebook-outline"/>
                    <FooterTabItem value={4} text="Search" icon="ios-search"/>
                    <Text value={5}>Custom Tab Item</Text>
                </TabBar>

            </View>