ScrollView acting weired (Xcode 11 GM seed - SwiftUI)

Question

我试图制作一个自定义列表。如果我们在scrollView中添加封装的VStack并尝试从该VStack添加新行，它的行为很奇怪。但是我们必须封装，因为在 Xcode 中会给出"复杂视图编译器错误"。我正在提供完整的代码以更好地理解。请尝试运行它。新元素没有按预期添加，它会推动一切向上。

struct RowView: View {
var body: some View {
VStack{
HStack{
Spacer()
.foregroundColor(Color.black)
Spacer()
}
}
.background(Color.white)
.cornerRadius(13)
.padding()
}}
struct cView:View {
@State var array: [String] = []
@State var height: CGFloat = 60
var body: some View {
VStack{
Button(action: {
self.array.append("Test")
}, label: {
Text("Add")
})
VStack{
ForEach(array, id: .self){_ in
RowView()
}
}
.background(Color.red)
.cornerRadius(13)
.padding()
}

}}
struct ContentView : View {

@State var array: [String] = []
var body: some View {
ScrollView{
VStack{

Text("d")
.frame(height: 90)
VStack{
cView()
}

}
}
.navigationBarTitle("Test", displayMode: .automatic)

}}

Answer 1

当我重新格式化并删除未使用的内容时，我得到了：

struct RowView: View {
let text: String
var body: some View {
VStack{
HStack{
Spacer()
Text(text).foregroundColor(Color.black)
Spacer()
}
}
.background(Color.white)
.cornerRadius(13)
.padding()
}
}
struct cView:View {
@State var array: [String] = []
@State var height: CGFloat = 60
var body: some View {
VStack{
Button(
action: { self.array.append("Test") },
label: { Text("Add") }
)
ForEach(array, id: .self){text in
RowView(text: text)
}
.background(Color.red)
.cornerRadius(13)
.padding()
}
}
}
struct ContentView : View {
var body: some View {
List {
VStack{
Text("d")
cView()
}
}
}
}

ScrollView是一个真正的PITA，它讨厌文本，这就是为什么我用列表替换它的原因。RowView 缺少一个文本恕我直言，所以我放了一个。ContentView中的数组从未被使用过，所以我删除了它，同样，navigatinBarTitle需要一个NavigationView。

这不是一个真正的答案，因为它使用列表而不是ScrollView，但它确实指出了您的问题所在。这也很奇怪，因为每件事都在一个列表行中，但我试图尽可能少地更改。

您可能想尝试在代码上运行 SwiftLint 。我经常对它发誓，尤其是当它抱怨我的枚举开关的圈复杂性时，但它确实改进了我的代码。

Answer 2

很可能是一个错误，但我不需要封装。如果我不这样做，代码将按预期工作：

struct RowView: View {
var body: some View {
VStack{
HStack{
Spacer()
.foregroundColor(Color.black)
Spacer()
}
}
.background(Color.white)
.cornerRadius(13)
.padding()
}
}
struct ContentView : View {
@State var array: [String] = []
@State var height: CGFloat = 60
var body: some View {
ScrollView{
VStack{
Text("d")
.frame(height: 90)
VStack{
Button(action: {
self.array.append("Test")
}, label: {
Text("Add")
})
VStack{
ForEach(array, id: .self){_ in
RowView()
}
}
.background(Color.red)
.cornerRadius(13)
.padding()
}
}
}
.navigationBarTitle("Test", displayMode: .automatic)
}
}