有没有办法有条件地翻转HStack内容的顺序？

Question

我正在使用HStack来布局视图层次结构中的某些元素。我希望能够有条件地翻转元素的顺序。

HStack {
  Text("Hello")
  Text("World")
}

想法是根据我的视图状态将其布局为“ Hello World”或“ World Hello”。

HStack本身不提供任何功能，但是尝试使用其他ViewBuilder，基于ForEach的方法等将其从视图本身中拉出来似乎也几乎是不可能的。 / p>

我要解决此问题的唯一方法是完全指定两个布局，这是我要避免的事情。

let isFlipped: Bool

HStack {
  if isFlipped {
    Text("World")
    Text("Hello")    
  } else {
    Text("Hello")
    Text("World")
  }
}

Answer 1

这里是使用ViewBuilder的任何容器中任何视图对的通用方法。

经过Xcode 12测试

struct TestHStackFlip: View {
    @State private var flipped = false
    var body: some View {
        VStack {
            HStack {
                FlipGroup(if: flipped) {
                    Text("Text1")
                    Text("Text2")
                }
            }.animation(.default)     // animatable
            Divider()
            Button("Flip") { self.flipped.toggle() }
        }
    }
}

@ViewBuilder
func FlipGroup<V1: View, V2: View>(if value: Bool,
                @ViewBuilder _ content: @escaping () -> TupleView<(V1, V2)>) -> some View {
    let pair = content()
    if value {
        TupleView((pair.value.1, pair.value.0))
    } else {
        TupleView((pair.value.0, pair.value.1))
    }
}