如何在SwiftUI中实现SF符号的水平居中对齐？

你用.multilineTextAlignment(.center)没效果是因为这个修饰符只针对Text类的多行文本组件，对Image视图完全不生效。

给你几个可行的居中方案：

方案1：用Frame的alignment参数 #

直接给Image添加frame修饰符，指定和GeometryReader一致的尺寸，并设置居中对齐：

GeometryReader { g in
    Image(systemName: "a.square")
        .font(.system(size: g.size.width))
        .frame(width: g.size.width, height: g.size.height, alignment: .center)
}

方案2：用Position定位 #

通过计算GeometryReader的中心坐标来直接定位Image：

GeometryReader { g in
    Image(systemName: "a.square")
        .font(.system(size: g.size.width))
        .position(x: g.size.width / 2, y: g.size.height / 2)
}

方案3：用Stack嵌套布局 #

借助VStack/HStack的默认居中特性，配合充满父空间的frame实现全局居中：

GeometryReader { g in
    VStack {
        Image(systemName: "a.square")
            .font(.system(size: g.size.width))
    }
    .frame(maxWidth: .infinity, maxHeight: .infinity)
}

这些方法都能让你的SF符号在GeometryReader的范围内居中显示。

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