Схема SwiftUI с левым и центральным обзорами, чтобы избежать наложения

Question

Представьте себе что-то похожее на панель навигации - слева и в центре есть пункт. Я могу создать этот макет с SwiftUI. (A ZStack - это один из способов.)

Но если текст слишком длинный, я хочу избежать наложения, сдвигая центральный элемент. Я могу сделать это с помощью автоматического размещения, ограничив центральный элемент центром его родителя с одним приоритетом, а затем ограничив их, чтобы они не перекрывались с более высоким приоритетом.

Я продолжаю желать, чтобы у меня были какие-то ограничения в SwiftUI.

В любом случае сделать этот макет в SwiftUI?

Answer 1

один из вариантов - просто использовать HStack, пользовательский интерфейс попытается обернуть длинный текст в несколько строк:

    HStack {
        Text("first text www eee rrr ttt yyy uuuuu")
        Spacer()
        Text("second text xxxx ccccc vvvvv bbbbb")
        Spacer()
    }.padding(10).border(Color.black)