SwiftUI3優秀文章 NavigationLink圖片和文字顯示藍色或者圖片無顯示

我們來看一段代碼

var body: some View {NavigationView {NavigationLink {Circle().fill(Color.red)} label: {HStack{Text("12321")Image("12").renderingMode(.original).resizable().scaledToFill().frame(width: 60, height: 60).clipShape(RoundedRectangle(cornerRadius: 30)).overlay(Circle().stroke(Color.red,lineWidth: 4))}}}}

如果對文字不設置顏色，或者圖片不渲染原始圖片， 在NavgationLink下，文字會顯示藍色，圖片可能不顯示。 那是因為NavigationLink包了一層Button 在上面。
我們 新建一個文件OriginalButtonStyle

import SwiftUI struct OriginalButtonStyle : ButtonStyle{func makeBody(configuration: Configuration) -> some View {configuration.label}//直接返回按鈕原來的樣子 少了一個return }

遵循ButtonStyle協議。
書寫：configuration.label
在NavigationLink后面書寫。
.buttonStyle(OriginalButtonStyle())。 問題解決。

總結

以上是生活随笔為你收集整理的SwiftUI3优秀文章 NavigationLink图片和文字显示蓝色或者图片无显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。