SwiftUI × ビューのレイアウト × デバイスの変更

Question

struct a: View {
    var body: some View {
        HStack(spacing: 0) {
            Image(systemName: "smiley")
                .resizable()
                .frame(width: 175, height: 175)
                .border(Color.red)
            Image(systemName: "smiley")
                .resizable()
                .frame(width: 175, height: 175)
                .border(Color.red)
            Image(systemName: "smiley")
                .resizable()
                .frame(width: 175, height: 175)
                .border(Color.red)
        }
    }
}

SwiftUIの上記コードを、Iphone8/Iphone12それぞれのデバイスでプレビューすると、Iphone8では、片目が完全に見切れた表示になるのですが、Iphone12では、添付画像のように、ギリギリではあるものの表示されています。デバイスが変更されても画面サイズに対するフレームサイズの比率は変えたくないのですが、どのようにしたら良いのでしょうか。

Comments

[hoshi-takanori]

画像の表示サイズを、画面の幅に応じて調整すれば良いのでは。