SwiftUI 視圖以藍色背景顯示

Question

我正在嘗試重現 Apple 教程（組合復雜接口），但我遇到了一個非常奇怪的問題。 我的CategoryItem視圖顯示為藍框。

如果我刪除了包裹它的NavigationLink ，一切正常，但使用它就不行了。

struct CategoryRow: View {
    var categoryName: String
    var items: [Landmark]

    var body: some View {

        VStack(alignment: .leading) {
            Text(self.categoryName)
                .font(.headline)
                .padding(.leading, 15)
                .padding(.top, 5)

            ScrollView(.horizontal, showsIndicators: false) {
                HStack(alignment: .top, spacing: 0) {
                    ForEach(self.items) { landmark in
                        NavigationLink(
                            destination: LandmarkDetail(
                                landmark: landmark
                            )
                        ) {
                            CategoryItem(landmark: landmark)
                        }
                    }
                }
            }.frame(height: 185)
        }
    }
}

Answer 1

NavigationLink默認具有藍色強調色，只需調用.accentColor(Color.clear)

或者你可以試試這個：

NavigationView {
    NavigationLink(destination: Text("Detail view here")) {
        Image("YourImage")
    }
    .buttonStyle(PlainButtonStyle())
}

https://www.hackingwithswift.com/quick-start/swiftui/how-to-disable-the-overlay-color-for-images-inside-button-and-navigationlink

Answer 2

renderingMode(.original)是為我做的； .accentColor(Color.clear)使圖像不可見（我最好的解釋是因為它沒有透明度）。

NavigationView {
    NavigationLink(destination: Text("Detail view here")) {
        Image("YourImage")
            .renderingMode(.original)
    }
}

正如上面提到的答案， How to disable the overlay color for images inside Button and NavigationLink也是一個很好的文章。