[SwiftUI]IgnoreSafeAreaとScaleToFillを使用すると、画像が右にズレる問題

はじめに

以下のようなコードを書くと、画像が右にズレる現象が起きたので、その解決策を調べます。

content
    .background(
        image
            .resizable()
            .scaledToFill()
            .ignoresSafeArea(.container, edges: [.top])
    )

実装

content
    .background(
        image
            .resizable()
            .scaledToFill()
+            .frame(minWidth: 0, maxWidth: .infinity)
            .ignoresSafeArea(.container, edges: [.top])
    )

おわりに

frameを明示的に指定してあげることで、中心点がずれないようになりました。

参考