SwiftUI如何实现不受语言方向影响的固定左右侧内边距

直接通过自定义修饰符实现固定左右方向的内边距，完全不受系统RTL/LTR布局切换影响，和原生padding的使用体验一致：

方法1：封装独立的固定左右padding方法（推荐） #

先给View加扩展，后续可以全局调用：

import SwiftUI

extension View {
    /// 固定左侧内边距，永远在视图物理左侧，不随RTL翻转
    func paddingLeft(_ value: CGFloat) -> some View {
        modifier(FixedHorizontalPaddingModifier(isLeft: true, value: value))
    }
    
    /// 固定右侧内边距，永远在视图物理右侧，不随RTL翻转
    func paddingRight(_ value: CGFloat) -> some View {
        modifier(FixedHorizontalPaddingModifier(isLeft: false, value: value))
    }
}

private struct FixedHorizontalPaddingModifier: ViewModifier {
    let isLeft: Bool
    let value: CGFloat
    @Environment(\.layoutDirection) private var layoutDirection
    
    func body(content: Content) -> some View {
        let isLTR = layoutDirection == .leftToRight
        let edge: Edge.Set = (isLeft == isLTR) ? .leading : .trailing
        return content.padding(edge, value)
    }
}

调用示例：

// 固定左侧加8pt内边距，RTL场景下也不会变到右侧
Text("示例文本")
    .paddingLeft(8)

方法2：按需构造固定边距的EdgeInsets #

如果是单次使用不需要全局复用，可以直接在使用位置读取布局方向动态构造EdgeInsets：

struct DemoView: View {
    @Environment(\.layoutDirection) private var layoutDirection
    
    var body: some View {
        Text("示例文本")
            .padding(fixedInsets)
    }
    
    private var fixedInsets: EdgeInsets {
        // 示例需求：固定左16，右8，上下各4
        if layoutDirection == .leftToRight {
            return EdgeInsets(top: 4, leading: 16, bottom: 4, trailing: 8)
        } else {
            return EdgeInsets(top: 4, leading: 8, bottom: 4, trailing: 16)
        }
    }
}

注意事项 #

• 上下方向的内边距本身不受RTL布局影响，直接用原生.padding(.top, x)/.padding(.bottom, x)即可
• 不要用.flipsForRightToLeftLayoutDirection(false)来实现该需求，该修饰符会将整个视图包括内容一起翻转，仅适合图片等需要整体翻转的场景

内容的提问来源于stack exchange，提问作者Steve M