构造函数:
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 (默认值)时,页签位于容器底部,且横向排列