我需要使用 GeometryReader 根据屏幕宽度调整视图大小。这是我重构之前的情况。(放大图片以查看代码并并排预览)。
import SwiftUI
struct WorkingView: View {
var data = ["Hit the Edit button to reorder", "Practice Coding", "Grocery shopping", "Get tickets", "Clean house", "Do laundry", "Cook dinner", "Paint room"]
var body: some View {
NavigationView {
GeometryReader { geometry in
List {
ForEach(data, id: \.self) { content in
HStack {
Text(String(content.count))
.frame(width: geometry.size.width * 0.10)
VStack {
Text(content)
.underline()
Text(content)
.bold()
Text(content)
.foregroundColor(.yellow)
}
}
}
}
.navigationTitle(Text("Home"))
}
}
}
}
Run Code Online (Sandbox Code Playgroud)
这是我将行重构为提取的视图后得到的结果。现在,当在这里使用 GeometryReader 时,行高变得混乱。
import …Run Code Online (Sandbox Code Playgroud)