ScrollViewを利用すると、スクロール時にセーフティエリア(時間やバッテリー残量が記載されているところ)と、表示内容が重なってしまいます。
![](https://storage.googleapis.com/zenn-user-upload/386e7a27d5a1-20221004.png)
↑ タイトルのSummaryと時間が重なってしまっている。
解決策
ScrollViewに、paddingを付ける。
import SwiftUI
struct HomeScreen: View{
var body: some View{
ScrollView {
VStack {
View1()
View2()
View3()
Spacer()
}
}
.padding(.top, 10)
}
}
![](https://storage.googleapis.com/zenn-user-upload/6ab77aa9c7b6-20221004.gif)
Discussion