您好,匿名用户

Taro UI 的 TabBar 的如何使用

0 投票

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 的数值 来判断 显示哪一各组件,是吗

或者有更好的实现吗

用户头像 提问 4 天 @ Redis 下士 (944 威望)
分享到:

1个回答

0 投票
 
最佳答案

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

用户头像 回复 4 天 @ 正能量 中士 (1,287 威望)
选中 5月12日 @Redis
提一个问题:

相关问题

0 投票
1 回复 2 阅读
用户头像 提问 2 天 @ Udyr 中士 (1,296 威望)
0 投票
0 回复 3 阅读
用户头像 提问 5月10日 @ Warwick 中士 (1,161 威望)
0 投票
1 回复 4 阅读
0 投票
1 回复 2 阅读
0 投票
0 回复 72 阅读
用户头像 提问 2017年 6月17日 @ 末日姐 中士 (1,102 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...