赞
踩
一种可以通过页签进行内容视图切换的容器组件,每个页签对应一个内容视图。
手机 | 平板 | 智慧屏 | 智能穿戴 |
---|---|---|---|
支持 | 支持 | 不支持 | 不支持 |
无
包含子组件TabContent。
Tabs(value: {barPosition?: BarPosition, index?: number, controller?: TabsController})
参数名 | 参数类型 | 必填 | 默认值 | 参数描述 |
---|---|---|---|---|
barPosition | 否 | Start | 指定页签位置来创建Tabs容器组件。 | |
index | number | 否 | 0 | 指定初次初始页签索引。 |
controller | 否 | 设置Tabs控制器。 |
名称 | 描述 |
---|---|
Start | vertical属性方法设置为true时,页签位于容器左侧;vertical属性方法设置为false时,页签位于容器顶部。 |
End | vertical属性方法设置为true时,页签位于容器右侧;vertical属性方法设置为false时,页签位于容器底部。 |
Tabs组件的控制器,用于控制Tabs组件进行页签切换。
接口名称 | 功能描述 |
---|---|
changeIndex(value: number): void | 控制Tabs切换到指定页签,index: 页签在Tabs里的索引值,索引值从0开始。 |
名称 | 参数类型 | 默认值 | 描述 |
---|---|---|---|
vertical | boolean | 是否为纵向Tab,默认为false。 | 是否为纵向Tab,默认为false。 |
scrollable | boolean | 是否可以通过左右滑动进行页面切换,默认为true。 | 是否可以通过左右滑动进行页面切换,默认为true。 |
barMode | TabBar布局模式。 | TabBar布局模式。 | |
barWidth | number | TabBar的宽度值,不设置时使用系统主题中的默认值。 | TabBar的宽度值,不设置时使用系统主题中的默认值。 |
barHeight | number | TabBar的高度值,不设置时使用系统主题中的默认值。 | TabBar的高度值,不设置时使用系统主题中的默认值。 |
animationDuration | number | 200 | TabContent滑动动画时长。 |
名称 | 功能描述 | |
---|---|---|
onChange(callback: (index: number) => void) | Tab页签切换后触发的事件。 |
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。