import React, {Component, Fragment} from 'react';
import {TabBar} from 'antd-mobile';
class Tab extends Component {
constructor(props) {
super(props);
this.state = {
selectedTab: 'redTab',
hidden: false,
fullScreen: true,
};
}
renderContent(pageText) {
return (
);
}
render() {
return (
}
selectedIcon={}
selected={this.state.selectedTab === 'blueTab'}
badge={1}
onPress={() => {
this.setState({
selectedTab: 'blueTab',
});
}}
data-seed="logId">
{/*{this.renderContent('Life')}*/}
}
selectedIcon={
}
title="Koubei"
key="Koubei"
badge={'new'}
selected={this.state.selectedTab === 'redTab'}
onPress={() => {
this.setState({
selectedTab: 'redTab',
});
}}
data-seed="logId1"
>
{this.renderContent('Koubei')}
}
selectedIcon={
}
title="Friend"
key="Friend"
dot
selected={this.state.selectedTab === 'greenTab'}
onPress={() => {
this.setState({
selectedTab: 'greenTab',
});
}}
>
{this.renderContent('Friend')}
{
this.setState({
selectedTab: 'yellowTab',
});
}}
>
{this.renderContent('My')}
);
}
}
export default Tab;