SwiftUI 中 ScrollView 布局方向如何从右到左？

Question

我们如何在 swiftUI 的 Horizo​​ntal ScrollView 中设置从右到左的布局方向？

像这样：

ScrollView(showsHorizontalIndicator: false) {
    HStack {
        VStack {
            Image("1")
            Text("one")
        }
        VStack {
            Image("2")
            Text("two")
        }
        VStack {
            Image("3")
            Text("three")
        }
    }
}

所以当模拟器运行时，我想Image("1")在右手边看到并向右滑动可以访问Image("3")

Answer 1

您可以view通过提供view以下修饰符从右到左制作任何您想要的东西：

.flipsForRightToLeftLayoutDirection(true)
.environment(\.layoutDirection, .rightToLeft)

在你的情况下，它会是这样的：

ScrollView(showsHorizontalIndicator: false) {
    HStack {
        VStack {
            Image("1")
            Text("one")
        }
        VStack {
            Image("2")
            Text("two")
        }
        VStack {
            Image("3")
            Text("three")
        }
    }
}
.flipsForRightToLeftLayoutDirection(true)
.environment(\.layoutDirection, .rightToLeft)

好运达达什 ;)