Fire Components

仅适配了微信小程序。

1. 组件

1.1 TabBar

创建底部导航栏容器的组件。

用法：

import { FireTabBar } from "fire-components-taro";
import "fire-components-taro/dist/styles/components/TabBar/TabBar.scss";

<FireTabBar needToolBar>Content</FireTabBar>

参数说明：

| 参数 | 说明 | 类型 | 默认值 | | -- | -- | -- | -- | | needToolBar| 是否需要展示工具栏（home bar）| Boolean | false |

2. Hooks

2.1 useBarHeight

用于获取微信小程序页面中各个 bar 的高度。

用法：

const {       
  statusBarHeight,
  toolBarHeight,
  navigationBarHeight,
  navigationBarContentPadding,
  viewHeight,
  tabBarHeight, 
} = useBarHeight()

参数说明：

无需参数。

返回值说明：

| 值 | 类型 | 说明 | | --- | --- | --- | | statusBarHeight | Number | 状态栏高度 | | toolBarHeight | Number | 工具栏高度（Home Bar） | | navigationBarHeight | Number | 导航栏高度 | | navigationBarContentPadding | Number | 胶囊菜单距右侧的距离 | | viewHeight | Number | 内容可呈现的高度，即页面除去 statusBar、toolBar、以及 tabBar 的高度 | | tabBarHeight | NUmber | tabBar 高度 |