NavBar 导航栏

导航栏组件，主要用于头部导航。

使用指南

在 Taro 文件中引入组件

import { AtNavBar } from 'taro-ui'

组件依赖的样式文件（仅按需引用时需要）

@import "~taro-ui/dist/style/components/nav-bar.scss";
@import "~taro-ui/dist/style/components/icon.scss";

一般用法

<AtNavBar
  onClickRgIconSt={this.handleClick}
  onClickRgIconNd={this.handleClick}
  onClickLeftIcon={this.handleClick}
  color='#000'
  title='NavBar 导航栏示例'
  leftText='返回'
  rightFirstIconType='bullet-list'
  rightSecondIconType='user'
/>

自定义标题内容

注意 title 属性须为空

<AtNavBar
  onClickRgIconSt={this.handleClick}
  onClickRgIconNd={this.handleClick}
  onClickLeftIcon={this.handleClick}
  color='#000'
  leftText='返回'
  rightFirstIconType='bullet-list'
  rightSecondIconType='user'
>
<View>Taro UI</View>
</AtNavBar>

参数

事件