未验证 提交 1f0925e3 编写于 作者: K king_he 提交者: Gitee

update en/application-dev/reference/arkui-ts/ts-container-tabs.md.

Signed-off-by: Nking_he <6384784@qq.com>
上级 63bdbe64
# Tabs # Tabs
> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE** > **NOTE**<br>
> This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version. > This component is supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.
The **&lt;Tabs&gt;** component is a container component that allows users to switch between content views through tabs. Each tab page corresponds to a content view. The **<Tabs\>** component is a container component that allows users to switch between content views through tabs. Each tab page corresponds to a content view.
## Required Permissions ## Required Permissions
...@@ -15,7 +15,7 @@ None ...@@ -15,7 +15,7 @@ None
## Child Components ## Child Components
The **&lt;Tabs&gt;** component can contain [TabContent](ts-container-tabcontent.md) child components. A **<Tabs\>** component can contain multiple [TabContent](ts-container-tabcontent.md) components.
## APIs ## APIs
...@@ -23,14 +23,14 @@ The **&lt;Tabs&gt;** component can contain [TabContent](ts-container-tabcontent. ...@@ -23,14 +23,14 @@ The **&lt;Tabs&gt;** component can contain [TabContent](ts-container-tabcontent.
Tabs(value: {barPosition?: BarPosition, index?: number, controller?: [TabsController](#tabscontroller)}) Tabs(value: {barPosition?: BarPosition, index?: number, controller?: [TabsController](#tabscontroller)})
- Parameters - Parameters
| Name | Type | Mandatory | Default Value | Description | | Name | Type | Mandatory | Default Value | Description |
| -------- | -------- | -------- | -------- | -------- | | -------- | -------- | -------- | -------- | -------- |
| barPosition | BarPosition | No | BarPosition.Start | Tab bar position for creating the **&lt;Tabs&gt;** container component. | | barPosition | BarPosition | No | BarPosition.Start | Tab bar position for creating the **<Tabs\>** container component. |
| index | number | No | 0 | Initial tab index. | | index | number | No | 0 | Initial tab index. |
| controller | [TabsController](#tabscontroller) | No | - | Tab controller. | | controller | [TabsController](#tabscontroller) | No | - | Tab controller. |
- BarPosition enums - BarPosition enums
| Name | Description | | Name | Description |
| -------- | -------- | | -------- | -------- |
| Start | If the **vertical** attribute is set to **true**, the tab is on the left of the container. If the **vertical** attribute is set to **false**, the tab is on the top of the container. | | Start | If the **vertical** attribute is set to **true**, the tab is on the left of the container. If the **vertical** attribute is set to **false**, the tab is on the top of the container. |
| End | If the **vertical** attribute is set to **true**, the tab is on the right of the container. If the **vertical** attribute is set to **false**, the tab is at the bottom of the container. | | End | If the **vertical** attribute is set to **true**, the tab is on the right of the container. If the **vertical** attribute is set to **false**, the tab is at the bottom of the container. |
...@@ -50,7 +50,7 @@ Touch target configuration is not supported. ...@@ -50,7 +50,7 @@ Touch target configuration is not supported.
| animationDuration | number | 200 | Animation duration of the tab content. | | animationDuration | number | 200 | Animation duration of the tab content. |
- BarMode enums - BarMode enums
| Name | Description | | Name | Description |
| -------- | -------- | | -------- | -------- |
| Scrollable | The actual layout width of the tab bar is used. If the actual width exceeds the total length, the tab bar is scrollable. | | Scrollable | The actual layout width of the tab bar is used. If the actual width exceeds the total length, the tab bar is scrollable. |
| Fixed | The widths of all tab bars are evenly allocated. | | Fixed | The widths of all tab bars are evenly allocated. |
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册