OneScript

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>
PropType说明
alignmentZStackAlignment子视图对齐方式,默认 "center"。
children视图或视图数组按从底层到顶层的顺序叠放子视图。

ZStackAlignment 支持 "topLeading"、"top"、"topTrailing"、"leading"、"center"、"trailing"、"bottomLeading"、"bottom" 和 "bottomTrailing"。

How is this guide?

最后更新于