How to change SwiftUI TabView dot indicator position?

Viewed 1642

this is my TabView, and I'd like to change the dot indicator's position to right-bottom. How?

   TabView {
        ForEach (modelData.features, id: \.id) { landmark in
            landmark.image
                .resizable()
                .scaledToFill()
                .frame(height: 200)
                .clipped()
        }
    }
    .frame(height: 200)
    .tabViewStyle(PageTabViewStyle(indexDisplayMode: .always))
    .indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))
    .indexViewStyle(PageIndexViewStyle()

enter image description here

1 Answers

Make the frame of TabView bigger than 200

TabView {
    ForEach (modelData.features, id: \.id) { landmark in
        landmark.image
            .resizable()
            .scaledToFill()
            .frame(height: 200)
            .clipped()
    }
}
.frame(height: 260)
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .always))
.indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))
.indexViewStyle(PageIndexViewStyle()
Related