Stack
堆疊容器,子組件按照順序依次入棧,后一個子組件覆蓋前一個子組件。
說明:
開發(fā)前請熟悉鴻蒙開發(fā)指導文檔 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md
]
該組件從API Version 7開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標單獨標記該內(nèi)容的起始版本。
子組件
可以包含子組件。
接口
Stack(value?: { alignContent?: Alignment })
從API version 9開始,該接口支持在ArkTS卡片中使用。
參數(shù)名 | 參數(shù)類型 | 必填 | 參數(shù)描述 |
---|---|---|---|
alignContent | [Alignment] | 否 | 設置子組件在容器內(nèi)的對齊方式。 默認值:Alignment.Center |
屬性
除支持[通用屬性]外,還支持以下屬性:
名稱 | 參數(shù)類型 | 描述HarmonyOS與OpenHarmony鴻蒙文檔籽料:mau123789是v直接拿 |
---|---|---|
alignContent | [Alignment] | 設置子組件在容器內(nèi)的對齊方式。 默認值:Alignment.Center 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**該屬性與[通用屬性align]同時設置時,后設置的屬性生效。 |
示例
// xxx.ets
@Entry
@Component
struct StackExample {
build() {
Stack({ alignContent: Alignment.Bottom }) {
Text('First child, show in bottom').width('90%').height('100%').backgroundColor(0xd2cab3).align(Alignment.Top)
Text('Second child, show in top').width('70%').height('60%').backgroundColor(0xc1cbac).align(Alignment.Top)
}.width('100%').height(150).margin({ top: 5 })
}
}
審核編輯 黃宇
聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權或者其他違規(guī)問題,請聯(lián)系本站處理。
舉報投訴
-
鴻蒙
+關注
關注
57文章
2395瀏覽量
43091 -
HarmonyOS
+關注
關注
79文章
1983瀏覽量
30630
發(fā)布評論請先 登錄
相關推薦
HarmonyOS/OpenHarmony原生應用-ArkTS萬能卡片組件Stack
堆疊容器,子組件按照順序依次入棧,后一個子組件覆蓋前一個子組件。該組件從API Version 7開始支持??梢园?/div>
發(fā)表于 10-09 14:29
鴻蒙ArkTS容器組件:SideBarContainer
提供側(cè)邊欄可以顯示和隱藏的側(cè)邊欄容器,通過子組件定義側(cè)邊欄和內(nèi)容區(qū),第一個子組件表示側(cè)邊欄,第二個子組件表示內(nèi)容區(qū)。
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>容器</b><b class='flag-5'>組件</b>:SideBarContainer](https://file1.elecfans.com/web2/M00/EB/95/wKgZomZevfiAZTUiAAAYyNC3ogI340.png)
評論