SwiftUI的Image在NavigationLink修饰后出现蓝屏

当我们用NavigationLink修饰Image会出现蓝屏的现象
是因为NavigationLink会把图片自动渲染成NavigationLink按钮的颜色

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination:Text("hello")) {
                    Image("image")
            }
        }
    }
}

在这里插入图片描述

而为什么图片不展示自己的样式呢
因为每个图片的Render As属性都默认为Default

在这里插入图片描述

有两个方法解决问题:

1.选择为Orignal Image

2.将renderingMode属性设置为original

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination:Text("hello")) {
                    Image("image")
                        .renderingMode(.original)
            }
        }
        
    }
}

在这里插入图片描述

发布了19 篇原创文章 · 获赞 8 · 访问量 1450

猜你喜欢

转载自blog.csdn.net/qq_44864362/article/details/104128363