【Swift UI】ScrollViewのスクロールを止める方法！

この記事からわかること

index

[open]

＼アプリをリリースしました／

友達や家族の誕生日をメモ！通知も届く-みんなの誕生日-

環境

ScrollViewのスクロールを動作しないようにする

Swift UIのScrollViewのスクロールを動作しないように停止させておくにはscrollDisabledモディファイアを使用します。引数には停止させたい場合はtrueを、スクロールさせたい場合はfalseを指定します。

ScrollView {
  //
}.scrollDisabled(true)

このモディファイアはiOS16以降からしか使用できません。

iOS15以前で実装したい場合はScrollViewの引数に空の配列を渡すことでスクロールできないように設定することが可能です。

iOS15以前
ScrollView([]) {
  //
}

ScrollViewの第一引数にはAxis.Set型でスクロールを許可する方向を渡します。デフォルト値がverticalなのであえて空の配列を渡すことでスクロールの許可をなくすことができます。

init(
    _ axes: Axis.Set = .vertical,
    @ViewBuilder  content: () -> Content
)

scrollDisabledはListにも利用することが可能です。

List {
    ForEach((1...50), id: \.self) { num in
        Text("\(num)")
    }
}.scrollDisabled(true)

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。

ご覧いただきありがとうございました。

Swift