【问题标题】:SwiftUI:- Image won't show on the ViewSwiftUI:- 图像不会显示在视图上
【发布时间】:2019-09-26 17:05:32
【问题描述】:

我正在玩 SwiftUI,但我被困在这个视图上。一切正常,但这个小错误非常令人沮丧。我试图将图像显示为垂直视图,它不会显示在视图上。我知道图像已加载,但视图未显示。它被蓝色覆盖。

import SwiftUI 

struct PlanetHome : View {
var planets : [Planet]
var body : some View {
    NavigationView {
        ScrollView {
            ZStack {
                Color.black .edgesIgnoringSafeArea (.all)
                VStack (alignment: .center)
                {
                    ForEach (self.planets.identified(by: \.imageName))
                    {
                        planet in NavigationLink (destination: PlanetDetail(planets: planet))
                        {
                            PlanetsView (planets: planet)
                            .frame (width: 500, height: 500)
                            .padding (.vertical, 5)
                        }
                    }
                }
            }
        }
        .navigationBarTitle (Text("Planets"))
    }
}

}

我试图将 NavigationView 放在 ZStack 下,但它不起作用。我不知道我在代码上做错了什么。调试器上没有错误消息。只是不显示图像。

【问题讨论】:

  • 您的代码缺少最有趣的部分 ;-) 请包括 PlanetPlanetDetailPlanetsView。跨度>
  • 这可能是测试版中的一个错误。我想我已经看到它在我的项目中来来去去。这里有一些讨论:forums.developer.apple.com/thread/119809,但列出的修复对我不起作用
  • 我在这里找到了解决方案:stackoverflow.com/questions/56541718/… 在 Image 上添加 .renderingMode(.original),我猜它在您的 PlanetsView 中
  • 这个“功能”让我的 UIImage 全部显示为纯白色块。我一直在指责 Kingfisher 和其他图书馆,直到我发现这个。谢谢!

标签: swiftui


【解决方案1】:

NavigationLink 将按钮样式应用于它所持有的对象。 Button 也是如此。要移除蓝色,请添加 buttonStyle 修饰符:

NavigationLink(destination: ...) {
    ...
}
.buttonStyle(PlainButtonStyle())

您也可以创建和应用自己的按钮样式。

【讨论】:

    【解决方案2】:

    它被蓝色覆盖。

    您可以使用 .foregroundColor(.YourColor) 将蓝色更改为您想要的任何颜色,或者只需在 Assets 中将 Render as Default 更改为 Render as Original Image。 xcassets -> 选择任何图像 -> 显示属性检查器

    要解决其他问题,您应该包含 PlanetsView 因为当我放 Image(systemName: "photo") 代替您的视图时,它会正确显示

    【讨论】:

      猜你喜欢
      • 2020-03-23
      • 1970-01-01
      • 1970-01-01
      • 2021-03-04
      • 1970-01-01
      • 2014-08-14
      • 2021-09-01
      • 2020-10-27
      • 2017-03-13
      相关资源
      最近更新 更多