我正在尝试在使用swiftUI构建的ios上支持RTL模式这样做可以很好地改变布局方向:
.environment(\.layoutDirection, .rightToLeft)
仅适用于水平ScrollView,无法正常工作
当我这样做时:
ScrollView(.horizontal) {
HStack{
Text("b1")
Text("b2")
Text("b3")
}
} .environment(\.layoutDirection, .rightToLeft)
项目位置将旋转,但HSTACK始终保持在左侧,如以下屏幕截图所示:
任何正确的解决方案或技巧?
作为技巧,您可以从这里开始:
var body: some View {
GeometryReader { geom in
ScrollView(.horizontal) {
HStack {
Text("b1")
Text("b2")
Text("b3")
}.environment(\.layoutDirection, .rightToLeft)
.padding(.leading, geom.size.width - 100) // adjust for the number of items
}
}
}
我发现使用.flipsForRightToLeftLayoutDirection(true)
和.rotation3DEffect
可以做到这一点
就像滚动视图将被翻转一样,比您需要将HStack的每个项目翻转到.rotation3DEffect
都多
ScrollView(.horizontal) {
HStack{
Text("b1")
.rotation3DEffect(Angle(degrees: 180), axis: (x: CGFloat(0), y: CGFloat(10), z: CGFloat(0)))
Text("b2")
.rotation3DEffect(Angle(degrees: 180), axis: (x: CGFloat(0), y: CGFloat(10), z: CGFloat(0)))
Text("b3")
.rotation3DEffect(Angle(degrees: 180), axis: (x: CGFloat(0), y: CGFloat(10), z: CGFloat(0)))
}
}.flipsForRightToLeftLayoutDirection(true)
.environment(\.layoutDirection, .rightToLeft)