Tab

标签页组件。

Install

npm install beeshell

Usage

引入方式

全部引入

import { Tab } from 'beeshell';

单独引入

import Tab from 'beeshell/components/Tab';

Examples

Code

import { Tab } from 'beeshell';
class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            value: 1,
        };
    }
    render() {
        const options = [
            {
                value: 1,
                label: '全部',
            },
            {
                value: 2,
                label: '已完成',
            },
            {
                value: 3,
                label: '未完成',
            }
        ];
        return (
             <View>
                <Tab
                    value={this.state.value}
                    options={options}
                    onChange={value => this.setState({ value })}
                />
                <View>
                    <Text>
                        {this.state.value}
                    </Text>
                </View>
            </View>
        );
    }
}

Props