#鸿蒙通关秘籍#如何在鸿蒙中为Tabs组件设置初始页面索引？

在鸿蒙ArkUI中，可以通过设置index属性为Tabs组件指定初始显示页面。以下是实现步骤：

1. 创建Tabs组件并设置index属性：

bash private controller: TabsController = new TabsController();

Tabs({ index: 1, // 设置初始展示第二个页面 controller: this.controller }) { TabContent() { Column() .width('100%') .height('100%') .backgroundColor("#aabbcc") } .tabBar("第一个标签")

TabContent() { Column() .width('100%') .height('100%') .backgroundColor("#bbccaa") } .tabBar("第二个标签")

TabContent() { Column() .width('100%') .height('100%') .backgroundColor("#ccaabb") } .tabBar("第三个标签") } .width('100%') .height('100%')

2. 确保在组件的状态中管理当前的选项卡下标：

bash @State index: number = 1;

这样，启动应用时，Tabs组件展示的页面即为设置的初始页面。