中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
本文原创发布在华为开发者社区。
本示例使用BarPosition(Tabs页签位置)实现了Tabs左对齐的功能。
实现Tabs左对齐源码链接
用户点击左上角页签切换页面
使用BarPosition(Tabs页签位置)实现左对齐,核心代码如下:
Tabs({ barPosition: BarPosition.End, controller: this.tabsController }) { TabContent() { Text('页签1页面') } TabContent() { Text('页签2页面') } TabContent() { Text('页签3页面') } }.onChange((index: number) => { this.currentIndex = index; })
微信扫码分享