SwiftUI中阿拉伯语（RTL语言）布局异常问题求助

开发者阿泽

2026-6-20

SwiftUI阿拉伯语（RTL）布局问题解决办法

针对你遇到的列表行、TextEditor靠左对齐，以及搜索栏内置菜单翻转的问题，可通过以下步骤修复：

1. 强制全局遵循RTL布局方向

即使项目默认语言设为阿拉伯语，部分视图可能未自动适配RTL规则，需显式设置布局环境，确保所有子视图继承正确的方向：

NavigationStack {
    // 原有列表内容
}
.environment(\.layoutDirection, .rightToLeft)

2. 修复TextEditor文本对齐

TextEditor不会自动根据语言调整对齐方式，需手动设置右对齐以匹配阿拉伯语阅读习惯：

TextEditor(text: $text)
    .textAlignment(.right)

3. 修复搜索栏菜单翻转问题

搜索栏菜单翻转是布局方向未正确传递导致的，结合全局布局方向设置，即可让菜单适配RTL显示逻辑。

修改后的完整代码

struct ContentView: View {
    
    @State private var searchText: String = ""
    @State private var text: String = "تجريبي"
    
    var body: some View {
        NavigationStack {
            List {
                Section {
                    Text("مرحبا")
                    
                    TextEditor(text: $text)
                        .textAlignment(.right)
                }
            }
            .navigationTitle("جديد")
        }
        .environment(\.layoutDirection, .rightToLeft)
        .searchable(text: $searchText, placement: .navigationBarDrawer(displayMode: .always))
    }
}