Unable to hide View component's children on overflow

[crohn]

Hello, I'm trying to implement the layout shown below on the left (Yoga) using @react-pdf/renderer. On the right you can see that I'm pretty far from reaching my goal.

I have a View that, as children, receives a list of Text components, which get shrunk instead of keeping their height and getting hidden when they overflow the container. In the screenshot above, what's happening is that each Text content overflows and overlaps onto the following Text block.

I set up this REPL to explain what I tried so far. In the REPL, I set the container styling to { overflow: 'hidden' }, but the children's overflowing text keeps overlapping and only the text overlapping to the green area gets hidden.

I would like to ask if I am overlooking some styling properties, and the solution is just in front of me, or the current behaviour is the expected one and there is no way to get the layout setup I'm trying to get.

I'm not sure if this is related to #2476.