safeAreaInset

.safeAreaInset(props: {
    edge: "top" | "bottom";
    alignment?: "leading" | "center" | "trailing";
    spacing?: number;
}, content: Component): Component

ScrollView([
    ForEach(items, (item) =>
        Text(item.name).padding(12)
    )
]).safeAreaInset(
    { edge: "bottom" },
    HStack({ spacing: 12 }, [
        Button("Cancel", () => {}),
        Button("Save", () => {}),
    ])
        .padding(16)
        .background(Material("bar"))
)

ScrollView([
    ForEach(items, (item) =>
        Text(item.name).padding(12)
    )
]).safeAreaInset(
    { edge: "top", spacing: 0 },
    Text("New items available")
        .frame({ maxWidth: Infinity })
        .padding(8)
        .background(Color("blue"))
        .foregroundStyle(Color("white"))
)