HarmonyOS 能否提供tabs在下面,带顶部导航栏的工程或者代码?

HarmonyOS 能否提供tabs在下面,带顶部导航栏的工程或者代码?

HarmonyOS
2024-10-12 09:36:50
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

参考以下代码:

@Entry  
@Component  
struct testDemo {  
  build() {  
    Column() {  
      Column() {  
        Tabs({ barPosition: BarPosition.End }) {  
          TabContent(){  
            Column(){  
              Tabs(){  
                // 顶部导航栏内容  
                TabContent(){  
                  Text('关注的内容')  
                }  
                .tabBar('关注')  
                TabContent(){  
                  Text('视频的内容')  
                }  
                .tabBar('视频')  
                TabContent(){  
                  Text('游戏的内容')  
                }  
                .tabBar('游戏')  
                TabContent(){  
                  Text('数码的内容')  
                }  
                .tabBar('数码')  
                TabContent(){  
                  Text('科技的内容')  
                }  
                .tabBar('科技')  
              }  
            }  
            .width('100%')  
          }  
          .tabBar('首页')  
          // 其他TabContent内容:发现、推荐、我的  
          TabContent(){  
            Text('发现的内容')  
          }  
          .tabBar('发现')  
          TabContent(){  
            Text('推荐的内容')  
          }  
          .tabBar('推荐')  
          TabContent(){  
            Text('我的内容')  
          }  
          .tabBar('我的')  
        }  
        .scrollable(false)  
      }  
      .alignItems(HorizontalAlign.Start)  
      .width('100%')  
    }  
    .height('100%')  
  }  
}
分享
微博
QQ
微信
回复
2024-10-12 15:37:59
相关问题
HarmonyOS 能否提供Web样例工程代码
213浏览 • 1回复 待解决
HarmonyOS能否提供数据存储样例工程
359浏览 • 1回复 待解决
Tabs组件自定义导航UI问题
827浏览 • 1回复 待解决
能否提供命令行,手动编译har或者hsp
811浏览 • 1回复 待解决