• Vant React

Navbar 导航栏

介绍

为页面提供导航功能,常用于页面顶部。

引入

import { Navbar } from "@taroify/core"
// or
import Navbar from "@taroify/core/navbar"

代码演示

基础用法

<Navbar title="标题">
  <Navbar.NavLeft>返回</Navbar.NavLeft>
  <Navbar.NavRight>按钮</Navbar.NavRight>
</Navbar>

使用 NavLeft 和 NavRight

<Navbar>
  <Navbar.NavLeft>返回</Navbar.NavLeft>
  <Navbar.Title>标题</Navbar.Title>
  <Navbar.NavRight icon={<Search />} />
</Navbar>

API

参数 说明 类型 默认值
title 标题 string ''
bordered 是否显示下边框 boolean true
fixed 是否固定在顶部 boolean false
placeholder 固定在顶部时,是否在标签位置生成一个等高的占位元素 boolean false
参数 说明 类型 默认值
icon 左侧图标 Icon -
children 左侧文案 ReactNode -
参数 说明 类型 默认值
icon 右侧图标 Icon -
children 右侧文案 ReactNode -