Implementing Tab Navigation in HarmonyOS Applications
Bottom Navigation Bar
@Entry
@Component
struct MainScreen {
build() {
Column() {
Tabs({ barPosition: BarPosition.End }) {
TabContent() {
Text('Home Screen').fontSize(30)
}.tabBar('Home')
TabContent() {
Text('Discovery Screen').fontSize(30)
}.tabBar('Discovery')
TabContent ...
Posted on Tue, 23 Jun 2026 17:09:58 +0000 by rich1983
Implementing Navigation and Tab Layout in HarmonyOS
Router Configuration
Add the router map reference in module.json5:
"routerMap": "$profile:route_map"
Route Map Definition
Create route_map.json in resources/base/profile/:
{
"routerMap": [
{
"name": "LaunchScreen",
"pageSourceFile": "src/main/ets/components/Laun ...
Posted on Sun, 10 May 2026 06:57:57 +0000 by silversinner