🐥

【SwiftUI】ScrollViewでセーフティーエリア外の表示をなくす方法

2022/10/04に公開

ScrollViewを利用すると、スクロール時にセーフティエリア(時間やバッテリー残量が記載されているところ)と、表示内容が重なってしまいます。


↑ タイトルのSummaryと時間が重なってしまっている。

解決策

ScrollViewに、paddingを付ける。

import SwiftUI

struct HomeScreen: View{
    var body: some View{
        ScrollView {
            VStack {
                View1()
		View2()
		View3()
                Spacer()
            }
        }
        .padding(.top, 10) //ここ
    }
}

Discussion