Multiple Slider效果不好？

Question

你好，我是韩国学生，正在申请自我诊断页面我按滑块做了自我诊断页面。我需要8个滑块，因为我有8个问题。首先，我制作了第一个滑块，它运作良好。但是，我制作了更多滑块，但收到错误消息。我想删除错误消息，以使我的页面正常运行。我尝试了所有迅速建议的方法。我不知道为什么在制作第二个及更多滑块后出现错误消息

这是我的代码，我使用SwiftUI，我的Xcode版本是11.2.1

import SwiftUI

struct ContentView: View {
@State private var value1: Double = 0
@State private var value2: Double = 0
@State private var value3: Double = 0
@State private var value4: Double = 0
@State private var value5: Double = 0
@State private var value6: Double = 0
@State private var value7: Double = 0
@State private var value8: Double = 0
var body: some View {
    VStack {
        Text("앉아서 책(신문 잡지 서류 등)을 읽을 때")
        Slider(value: $value1,in: 0...3, step: 1).padding(.horizontal,30)
        HStack {
            Text("전혀").offset(x:17)
            Spacer()
            Text("조금").offset(x:22)
            Spacer()
            Text("상당히").offset(x:20)
            Spacer()
            Text("매우 많이")
        }.padding(.horizontal,10)
        Text("TV볼 때")
        Slider(value: $value2,in: 0...3, step: 1).padding(.horizontal,30)
        HStack {
            Text("전혀").offset(x:17)
            Spacer()
            Text("조금").offset(x:22)
            Spacer()
            Text("상당히").offset(x:20)
            Spacer()
            Text("매우 많이")
        }.padding(.horizontal,10)
        Text("공공장소(모임, 극장 등)에서 가만히 앉아 있을 때")
        Text("정차 없이 1시간 동안 운행 중인 차에 승객으로 앉아 있을 때")
        Text("오후에 주위상황이 허락되어 쉬려고 누워 있을 때")
        Text("앉아서 상대방과 이야기 할 때")
        Text("반주를 곁들이지 않은 점심식사 후 조용히 앉아 있을 때")
        Text("교통 혼잡으로 몇 분 동안 멈춰선 차 안에서")
    }
}
}

也如果我将value1设为Int，则迅速做出错误提示

Initializer 'init(value:in:step:onEditingChanged:)' requires that 'Int.Stride' (aka 'Int') conform to 'BinaryFloatingPoint'

所以我改变

Slider(value: $value1,in: 0...3, step: 1).padding(.horizontal,30)
to
Slider(value: $value1,in: 0...3, step: 1.0).padding(.horizontal,30)

然后我收到了新的错误消息，

.padding(.horizontal,10)
and error message is
'Int' is not convertible to 'CGFloat?'

我只想知道这是怎么回事。

如果能提出解决方案，我将不胜感激。

Answer 1

这是SwiftUI的错误。一个容器中的视图太多（在您的情况下为VStack）。它是不允许有超过10个，因此只需使用如下所示的Group（或为类似的模式创建子视图并分别提取）]

struct ContentView: View {
    @State private var value1: Double = 0
    @State private var value2: Double = 0
    @State private var value3: Double = 0
    @State private var value4: Double = 0
    @State private var value5: Double = 0
    @State private var value6: Double = 0
    @State private var value7: Double = 0
    @State private var value8: Double = 0
    var body: some View {
        VStack {
            Group {
                Text("앉아서 책(신문 잡지 서류 등)을 읽을 때")
                Slider(value: $value1,in: 0...3, step: 1).padding(.horizontal,30)
                HStack {
                    Text("전혀").offset(x:17)
                    Spacer()
                    Text("조금").offset(x:22)
                    Spacer()
                    Text("상당히").offset(x:20)
                    Spacer()
                    Text("매우 많이")
                }.padding(.horizontal,10)
            }
            Group {
                Text("TV볼 때")
                Slider(value: $value2,in: 0...3, step: 1).padding(.horizontal,30)
                HStack {
                    Text("전혀").offset(x:17)
                    Spacer()
                    Text("조금").offset(x:22)
                    Spacer()
                    Text("상당히").offset(x:20)
                    Spacer()
                    Text("매우 많이")
                }.padding(.horizontal,10)
            }

            // ... other grouped sliders here
        }
    }
}