UI布局
ZStack
将子视图叠放在一起。
按源码顺序叠放子视图,后面的子视图显示在前面的子视图上方,同时支持修饰符。
import { Image, Modifier, Text, ZStack } from "onescript/views"
const backgroundURL = new URL("https://example.com/background.png")
<ZStack alignment="bottomLeading">
<Image
url={backgroundURL}
resizable
modifier={Modifier.scaledToFill()}
/>
<Text modifier={Modifier.padding(12)}>Title</Text>
</ZStack>| Prop | Type | 说明 |
|---|---|---|
alignment | ZStackAlignment | 子视图对齐方式,默认 "center"。 |
children | 视图或视图数组 | 按从底层到顶层的顺序叠放子视图。 |
ZStackAlignment 支持 "topLeading"、"top"、"topTrailing"、"leading"、"center"、"trailing"、"bottomLeading"、"bottom" 和 "bottomTrailing"。
How is this guide?
最后更新于