ScrollView Layout Direction 如何在 SwiftUI 中从右到左？

Question

如何在swiftUI的Horizontal 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)

祝你好运 ;)

ScrollView Layout Direction 如何在 SwiftUI 中从右到左？

How ScrollView Layout Direction to right-to-left in SwiftUI?

ios

swift

swiftui

xcode11