ios - 在 SwiftUI HStack 中对齐旋转的文本

Question

我正在尝试尾部对齐旋转文本(旋转后顶部对齐？)。我尝试了 HStack 对齐参数、每个 Text 的 alignmentGuide() ViewModifier 和 custom VerticalAlignmentGuide 的不同组合，但无法达到预期效果结果。 我没有使用 .frame() ViewModifier，因为文本的比例因子可能会根据 TextView 的数量而改变。

需要用红线显示的对齐方式:

基本代码:

HStack {
    VStack {
        Spacer()
        Rectangle()
            .fill(Color.green)
            .frame(height: 80)
        Text("Text 1")
            .rotationEffect(.degrees(-90))
            .padding(.top, 30)
    }
    VStack {
        Spacer()
        Rectangle()
            .fill(Color.green)
            .frame(height: 80)
        Text("Text 2")
            .rotationEffect(.degrees(-90))
            .padding(.top, 30)
    }
    VStack {
        Spacer()
        Rectangle()
            .fill(Color.green)
            .frame(height: 80)
        Text("Text 34")
            .rotationEffect(.degrees(-90))
            .padding(.top, 30)
    }
}

Answer 1

试试这个:

VStack(alignment: .trailing) {
            Text("Text 1")

            Text("Text 2")

            Text("Text 34")

        }.rotationEffect(.degrees(-90))