HarmonyOS 底部导航栏组件 rc_concave_tabbar 使用指南

使用说明

安装组件

rc_concave_tabbar 已发布到 OpenHarmony 三方库中心仓库中。

安装步骤

1. 添加依赖

在项目根目录下执行以下命令：

ohpm install rc_concave_tabbar

2. 基本使用

步骤一：引入相关依赖

在需要使用组件的页面文件中，导入必要的类型和组件：

import { TabMenusInterfaceIRequired, TabsConcaveCircle } from 'rc_concave_tabbar'

步骤二：创建菜单数据

定义状态变量和菜单配置数据：

// 当前选择的菜单
@State currentIndex: number = 0
// 菜单数据
@State TabsMenu: TabMenusInterfaceIRequired[] = [
  { text: "首页", image: $r("app.media.index1"), selectImage: $r("app.media.index") },
  { text: "分类", image: $r("app.media.classify1"), selectImage: $r("app.media.classify") },
  { text: "发现", image: $r("app.media.find1"), selectImage: $r("app.media.find") },
  { text: "我的", image: $r("app.media.resumeReview"), selectImage: $r() }
]