# custom-tab-bar

**Repository Path**: howezhong/custom-tab-bar

## Basic Information

- **Project Name**: custom-tab-bar
- **Description**: custom-tab-bar，自定义微信小程序底部导航栏
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-11-20
- **Last Updated**: 2022-06-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 自定义小程序导航栏组件custom-tab-bar

> 借鉴了 `Lin UI` 组件库，`Lin UI` 是一套基于 **微信小程序原生语法** 实现的高质量 UI 组件库。遵循简洁、易用、美观的设计规范（[文档](https://doc.mini.talelin.com/)，[Github](https://github.com/TaleLin/lin-ui)）

## 使用步骤

```sh
# 1. app.json 添加
"tabBar": {
  "custom": true,
}

# 2. page页面添加选中逻辑
onShow: function () {
  if (typeof this.getTabBar === 'function' && this.getTabBar()) {
    this.getTabBar().setData({
      selected: 1
    })
  }
}
```

## 异常

```sh
# tabbar切换会抖动, 未解决
```