如何更改 SwiftUI TabView 点指示器位置？

Posted 2023-02-24

【中文标题】如何更改 SwiftUI TabView 点指示器位置？

【英文标题】：How to change SwiftUI TabView dot indicator position?

【发布时间】：2021-03-20 13:32:41

【问题描述】：

这是我的 TabView，我想将 dot indicator 的位置更改为右下角。怎么样？

   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()

【问题讨论】：

无法使用 TabView 中的现有工具，但如果您希望以自定义方式制作，则应全部编码

【参考方案1】：

使TabView的frame大于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()