ios - SwiftUI Text 似乎依赖于 Image
问题描述
我有以下代码,显示文章的特色图片和文章的标题。但是,当 Image 对象存在时,Text 对象不会变成多行,不会截断等。
但是,当我注释掉 Image 对象时,文本会完全按照我的意愿呈现。
这是预期的行为还是我做错了什么?
import SwiftUI
struct articleDetail: View {
var article : News
var body: some View {
VStack{
Image(uiImage: UIImage(data: article.image ?? Data()) ?? UIImage(imageLiteralResourceName: "protoLogo"))
.scaledToFill()
.frame(height: 200)
.clipped()
.listRowInsets(EdgeInsets())
Text(article.title!)
.font(.title)
.fontWeight(.bold)
.multilineTextAlignment(.leading)
.lineLimit(nil)
.lineSpacing(10)
.fixedSize(horizontal: false, vertical: true)
.truncationMode(.head)
.padding()
}
}
}
解决方案
我假设你期望像下面的演示
var body: some View {
VStack {
Image(uiImage: UIImage(data: article.image ?? Data()) ?? UIImage(imageLiteralResourceName: "protoLogo"))
.resizable()
.scaledToFill()
.frame(height: 200)
.clipped()
.listRowInsets(EdgeInsets())
Text(article.title!)
.font(.title)
.fontWeight(.bold)
.padding()
}
}
注意:还删除了所有不需要/默认的修饰符
推荐阅读
- react-native - React Native - 模块 AppRegistry 不是注册的可调用模块
- javascript - 这段有趣的 JavaScript 代码是如何工作的?
- apache - 如何使用空查询参数进行 htaccess 重定向?
- google-cloud-platform - 为什么 Google Cloud Spanner 中节点越多更新延迟越高
- javascript - 反应从另一个文件夹导入 svg 文件
- python - Spotify Python API 调用超时问题
- c++ - 打印用户选择的行
- javascript - React JS:为什么我在 componentdidMount() 处出现错误?
- angular - Angular:如何将服务中的数据绑定到组件,以便服务中的新数据更新组件?
- gremlin - 如何获取 JanusGraph Gremlin 返回的子图的邻接矩阵?