鸿蒙系列--组件介绍之Tabs组件_鸿蒙tabs组件

构造函数：

        Tabs(value: {barPosition?: BarPosition, index?: number, controller?: TabsController))

必须配合TabContent(内容视图) 子组件进行使用

参数：

• barPosition设置Tabs的页签位置，跟vertical属性强关联
• index设置初始页签索引
• controller设置Tabs控制器，用于控制Tabs组件进行页签切换

属性：

• vertical：设置Tabs方向是否为纵向，默认为false
• barMode：TabBar布局模式
  • Fixed：所有TabBar平均分配宽度
  • Scrollable：TabBar实际布局宽度，当超过总长度后可以滑动 
• barWidth：TabBar的宽度
• barHeight：TabBar的高度

设置TabBar位置和排列方向，呈现不同的效果

• 当barPosition为Start (默认值)，vertical属性为false时(默认值)，页签位于容器顶部，且横向排列
• 当barPosition为Start (默认值) ，vertical属性为true时，页签位于容器左侧，且纵向排列
• 当barPosition为End，vertical属性为false (默认值)时，页签位于容器底部，且横向排列

示例：