Как реализовать 2 столбца представления стека с подвидом, равномерно занимающим горизонтальное пространство

Я хочу реализовать что-то вроде изображения ниже: 2 столбца меток с длинными строками произвольной длины, которые могут занимать несколько строк, а 2 столбца меток должны занимать одинаковое пространство по горизонтали. [![введите здесь описание изображения][1]][1]

Я попытался реализовать его с двумя stackViews, каждый слева и справа, чтобы содержать метки, и внешним stackView, чтобы 2 равномерно занимали горизонтальное пространство, но это выглядит так, как показано ниже: (вертикально пустое пространство на правая сторона)

[![введите описание изображения здесь][2]][2]

Часть кода, который я использовал для реализации этого:

private lazy var stackLeft: UIStackView = {
    let stackLeft = UIStackView()
    stackLeft.axis = .vertical
    stackLeft.alignment = .top
    return stackLeft
}()

private lazy var stackRight: UIStackView = {
    let stackRight = UIStackView()
    stackRight.axis = .vertical
    stackRight.alignment = .top
    return stackRight
}()

private lazy var outerStack: UIStackView = {
    let outerStack = UIStackView()
    outerStack.axis = .horizontal
    outerStack.distribution = .fillEqually
    return outerStack
}()
Как настроить Tailwind CSS с React.js и Next.js?
Как настроить Tailwind CSS с React.js и Next.js?
Tailwind CSS - единственный фреймворк, который, как я убедился, масштабируется в больших командах. Он легко настраивается, адаптируется к любому...
LeetCode запись решения 2536. Увеличение подматриц на единицу
LeetCode запись решения 2536. Увеличение подматриц на единицу
Увеличение подматриц на единицу - LeetCode
Переключение светлых/темных тем
Переключение светлых/темных тем
В Microsoft Training - Guided Project - Build a simple website with web pages, CSS files and JavaScript files, мы объясняем, как CSS можно...
Отношения "многие ко многим" в Laravel с методами присоединения и отсоединения
Отношения "многие ко многим" в Laravel с методами присоединения и отсоединения
Отношения "многие ко многим" в Laravel могут быть немного сложными, но с помощью Eloquent ORM и его моделей мы можем сделать это с легкостью. В этой...
В PHP
В PHP
В большой кодовой базе с множеством различных компонентов классы, функции и константы могут иметь одинаковые имена. Это может привести к путанице и...
Карта дорог Беладжар PHP Laravel
Карта дорог Беладжар PHP Laravel
Laravel - это PHP-фреймворк, разработанный для облегчения разработки веб-приложений. Laravel предоставляет различные функции, упрощающие разработку...
0
0
65
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вероятно, это должно работать:

private lazy var stackLeft: UIStackView = {
    let stackLeft = UIStackView()
    stackLeft.axis = .vertical
    return stackLeft
}()

private lazy var stackRight: UIStackView = {
    let stackRight = UIStackView()
    stackRight.axis = .vertical
    return stackRight
}()

private lazy var outerStack: UIStackView = {
    let outerStack = UIStackView()
    outerStack.axis = .horizontal
    outerStack.distribution = .fillEqually
    outerStack.alignment = .top
    return outerStack
}()

Другие вопросы по теме