你好,我创建了一个有4行的表单,每行包含一个文本和2个文本字段,正如你从图片中看到的那样,它们不是垂直对齐的,我找不到对齐所有它们的方法和固定文本字段的大小,它们中的一些是长的,有些是短的.
Section("Time Selection"){
HStack{
Text("OFF")
.foregroundStyle(.blue)
.font(.footnote)
TimeInsertView(localTime: $localChockOFF, localTimeDate: $localChockOFFDate, utcTime: $utcChockOFF, utcTimeDate: $utcChockOFFDate, selectedDate: $flightDate, TextBoxDescription: "Chock OFF")
}
HStack{
Text("Take OFF")
.foregroundStyle(.blue)
.font(.footnote)
TimeInsertView(localTime: $localChockIN, localTimeDate: $localChockINDate, utcTime: $utcChockIN, utcTimeDate: $utcChockINDate, selectedDate: $flightDate, TextBoxDescription: "Chock IN")
.onChange(of: utcChockINDate) {
totalBlock = dm.timeDifference(endDate: utcChockINDate, startDate: utcChockOFFDate)
}
}
HStack{
Text("Landing")
.foregroundStyle(.blue)
.font(.footnote)
TimeInsertView(localTime: $localTakeOFF, localTimeDate: $localTakeOFFDate, utcTime: $utcTakeOFF, utcTimeDate: $utcTakeOFFDate, selectedDate: $flightDate, TextBoxDescription: "Take Off")
}
HStack{
Text("IN")
.foregroundStyle(.blue)
.font(.footnote)
TimeInsertView(localTime: $localLanding, localTimeDate: $localLandingDate, utcTime: $utcLanding, utcTimeDate: $utcLandingDate, selectedDate: $flightDate, TextBoxDescription: "Landing")
.onChange(of: utcLandingDate) {
totalFlightTime = dm.timeDifference(endDate: utcLandingDate, startDate: utcTakeOFFDate)
}
}
HStack{
Text("Block Hours")
Spacer()
Text(totalBlock)
}
HStack{
Text("Flight Time")
Spacer()
Text(totalFlightTime)
}
}