Tabview 索引在白色背景上不起作用

Posted 2023-02-23

【中文标题】Tabview 索引在白色背景上不起作用

【英文标题】：Tabview index not working on white background

【发布时间】：2021-05-21 21:15:59

【问题描述】：

我正在尝试使用名为 TabView 的 ios14 功能。

我正在尝试创建一个轮播方面。一切都很好，只是没有显示索引指示器（图像中的 3 个点）。在与白色不同的背景上，存在点，但如果背景为白色，则不显示点。我期待看到它们呈现某种灰色。

你知道这是什么来源吗？我试图在不使用".indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))" 的情况下找到替代方案，因为它会为点添加奇怪的颜色背景。

import SwiftUI

struct ContentView: View 
    var body: some View 
      SwiftUI.TabView 
                Text("test1")
                Text("test2")
                Text("test3")
                Text("test4")
            
            .frame(width: UIScreen.main.bounds.width, height: 100)
            .tabViewStyle(PageTabViewStyle(indexDisplayMode: .automatic))
    

这是它在红色背景上的样子（在白色上什么都没有）：

【问题讨论】：

从那以后你有什么发现吗？

【参考方案1】：

不幸的是，从 iOS 15 beta 5 开始，它目前在 SwiftUI 中似乎是不可能的。

但是，您可以进入 UIKit 并像这样修改外观：

TabView 
    Text("Page 1")
    Text("Page 2")
    Text("Page 3")

.onAppear() 
    UIPageControl.appearance().currentPageIndicatorTintColor = .black
    UIPageControl.appearance().pageIndicatorTintColor = .grey