iOS swiftUI 中的自定义工具提示

Question

我有一行颜色，我想为每种颜色显示一个工具提示。

struct ColorsView: View {
    let colors = [UIColor.red, UIColor.white, UIColor.gray, UIColor.blue, UIColor.black]
    var body: some View {
        HStack {
            ForEach(0..<colors.count) { index in
                Color(self.colors[index])
                .frame(width: (UIScreen.main.bounds.size.width - 30) / 5, height: 25)
            }
        }.cornerRadius(12)
    }
}

如何为此创建自定义工具提示？我尝试用 ZStack 包裹起来，但这似乎并不能完全解决问题。任何帮助:)

Answer 1

您也可以尝试使用这个工具：https://github.com/quassummanus/SwiftUI-Tooltip

这是一个示例，说明如何将它与简单的 Text 视图一起使用，您可以从那里进行推断。它非常好，因为它不依赖于任何非 SwiftUI 基础的 Apple-provided API，因此您可以在所有平台上使用它。

Text("Say something nice...")
    .tooltip(.bottom) {
        Text("Something nice!")
    }

你会得到这样的结果：

iOS swiftUI 中的自定义工具提示

Custom ToolTip in swiftUI for iOS

tooltip

swiftui