Taro UI 的 TabBar 的如何使用

_Suqin
  • 714

https://taro-ui.aotu.io/#/doc...
上面是文档


import Taro from '@tarojs/taro'
import { AtTabBar }  from 'taro-ui'
export default class Index extends Taro.Component {
  constructor () {
    super(...arguments)
    this.state = {
      current: 0
    }
  }
  handleClick (value) {
    this.setState({
      current: value
    })
  }
  render () {
    return (
      <AtTabBar
        tabList={[
          { title: '待办事项', text: 8 },
          { title: '拍照' },
          { title: '通讯录', dot: true }
        ]}
        onClick={this.handleClick.bind(this)}
        current={this.state.current}
      />
    )
  }
}

根据上面的 示例代码。 点击tab 后, 改变的是 current 的数值,
我可以通过 current 的数值 来判断 显示哪一各组件,是吗

或者有更好的实现吗

回复
阅读 3.6k
1 个回答
✓ 已被采纳

官方有自带的tabBar,在APP.js配置一下tabBar就可以

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏