Feature Request: Allow Stack children to attach to safe areas

[JohnEstropia]

Currently we have LayoutContainer for this, but we cannot use it inside a ZStackBlock, for example.
Alternatively, we can have _ZStackItem support something like .alignSelf(.attach(.safeArea(.top)))

[muukii]

Thank you.

We might have something another way to have it because ZStackBlock can be used recursively in Structured layout.
It does not always work well ZStackBlock in a complex node trees.

• Root (has SafeArea)
  • ZStackBlock
    • VStackBlock
      • ZStackBlock -> how attaches elmenent to safe area

[JohnEstropia]

I see what you mean. In that case, maybe it would be better to construct the safe area container separately from the parent container?

safeAreaContainer.mondrian.buildSubviews {
    LayoutContainer(attachedSafeAreaEdges: .all) {
        // ...
    }
}
backgroundView.mondrian.buildSubviews {
    ZStackBlock {
        safeAreaContainer
        // ...
    }
}

[muukii]

@JohnEstropia

does your example code help your case?

I thought it does not help because that safeAreaContainer would have a safe-area layout guide but that would be related to the parent container. What if we add padding(200) in ZStackBlock, the safeAreaContainer has no matter.

So If I could, I'd like to get something figure to explain what you expect layout.

[muukii]

a case

      mondrianBatchLayout {
        collectionNode.view.mondrian.layout.edges(.toSuperview)
        overlayViewLayoutGuide.mondrian.layout
          .top(.to(view.safeAreaLayoutGuide))
          .horizontal(.toSuperview)
          .bottom(.toSuperview)
      }

[JohnEstropia]

Yes, I think it would be better to construct the layout separately (classic layout) for the use-case I had in mind

[muukii]

do you think it's better if can we describe multiple LayoutContainer in building subviews?

[JohnEstropia]

I'm not sure it's possible so I can't say if it's better.
But it would be nice to express relationships like this:

safeAreaContainer.mondrian.buildSubviews {
    VStackBlock {
        textView
        SpacerView()
            .height(.to(keyboardLayoutGuide).height)
    }
}

But I admit I have not explored other options because the classic layout already works as it is now.