前提・実現したいこと
Pickerを使ったよくあるViewの切り替えを実装したい
現状、viewA()を開くたびに呼び出されて重なって表示されている可能性があるため、Viewを再利用して表示したい。
以下画像の通りPickerを使ってView切り替えができる画面を作成しています。
画面スクロール後PickerでViewを切り替える度に左画像のようにViewが元に戻って表示されています。
これは、Pickerで画面を切り替える度にviewA()が呼び出されて重なって表示しているのではないかと考えています。
Viewが重なって表示されてしまっている場合、viewA()を呼び出す度に重ねて表示するのではなく、再利用できるviewの表示方法をご教授いただきたいです。
左画像:AAAのViewを開いたときの画像
右画像:AAAのViewを下にスクロールした時の画像
該当のソースコード
Swift
1NavigationView { 2 VStack(spacing:0) { 3 FavoriteView() 4 .navigationBarTitle(Text(selectedTitle[selection]), displayMode: .inline) 5 Picker("画面切替", selection: self.$selection) { 6 Text("(selectedTitle[0])").tag(0) 7 Text("(selectedTitle[1])").tag(1) 8 }.pickerStyle(SegmentedPickerStyle()).padding() 9 ScrollView(.vertical, showsIndicators: false) { 10 if selection == 0 { 11 viewA() 12 } else { 13 viewB() 14 } 15 } 16 } 17}
補足情報(FW/ツールのバージョンなど)
SwiftUI
View を切り替える度に viewA または viewB が作られて、表示されない方は破棄されると思います。
viewB の高さが低くてスクロールの必要がない場合、viewB に切り替えるとスクロール位置がリセットされるので、その後 viewA に戻るとスクロール位置が元に戻るように思えるのでしょう。
Viewを100個縦に配置してスクロールして再度試して見ましたが、同じ結果となりました。
TabBarでの切り替え時は、スクロールが保持されていますが、やはり、Pickerで viewA() をを呼び出すとスクロール情報は破棄されているようです。
Viewを切り替えるたびにviewを破棄されているのであれば、メモリなどを気にしなくても良さそうなのでこのまま実装することも少し考えて見たいと思います。
あなたの回答
tips
プレビュー