SwiftUIでUIKitのように特定のマージンを付けたい

SwiftUIで以下の画像のような配置をしたいと考えているのですが、frame指定をすると端末を変えたときにうまくいかないのでどうしたら良いのか困っています。
どうマージンを指定すれば良いのでしょうか

行動規範の内容に同意します

回答1件

ベストアンサー

以下のようなコードでどうでしょうか？

VStackの要素にpaddingで余白をつけて、.frame(maxWidth: .infinity)で要素を可能な限り広げることで実現できます！

swift
1struct TestView: View {
2    
3    var body: some View {
4        ScrollView {
5            VStack {
6                Text("テスト")
7            }
8            .frame(height: 50)
9            .frame(maxWidth: .infinity)
10            .background(Color.red)
11            .padding(EdgeInsets(
12                top: 16,
13                leading: 8,
14                bottom: 16,
15                trailing: 8
16            ))
17        }
18    }
19}