2
2

【SwiftUI】ScrollViewのインジゲーターを意図的に表示させる(iOS17)

Posted at

はじめに

iOS17でscrollIndicatorsFlashというモディファイアが追加されました。
これはScrollViewのインジゲーターを意図的に表示させることができる機能になります。

サンプルアプリ

ボタンをタップするとScrollViewのインジゲーターが表示されることがわかります。

Simulator Screen Recording - iPhone 15 - 2024-01-25 at 21.06.26.gif

実装

import SwiftUI

struct ContentView: View {
    @State private var trigger = true
    
    var body: some View {
        ScrollView(showsIndicators: true) {
            VStack {
                Button {
                    trigger.toggle()
                } label: {
                    Text("ScrollViewのインジゲーターを点滅させる")
                }
                
                ForEach(0..<100) { _ in
                    Text("テキスト")
                }
            }
            .frame(maxWidth: .infinity)
        }
+       .scrollIndicatorsFlash(trigger: trigger)
    }
}

おわり

機能としてはかなり地味ですね笑
使う場面としては、ScrollViewだとわかりにくいUIなどの時にインジゲーターを点滅させてあげて知らせるとかですかね

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2