Код: Выделить всё
import SwiftUI
struct EditableFlightSegment: Identifiable, Equatable {
let id = UUID()
var airport: String
var time: String
var date: Date
}
extension Date {
static var random: Date {
let now = Date()
let randomOffset = TimeInterval(Int.random(in: -1_000_000...1_000_000))
return now.addingTimeInterval(randomOffset)
}
}
class MockPDFImportCoordinator: ObservableObject {
@Published var arrivalSegments: [EditableFlightSegment] = [
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "09:45", date: Date.random),
EditableFlightSegment(airport: "ABCD", time: "13:10", date: Date.random)
]
}
struct RosterImportView: View {
@ObservedObject var pdfImportCoordinator = MockPDFImportCoordinator()
@State private var narrowView = false
@FocusState private var isFocused: Bool
var body: some View {
VStack {
List {
Button("Add Sector") {
let newSegment = EditableFlightSegment(airport: "", time: "", date: Date())
pdfImportCoordinator.arrivalSegments.insert(newSegment, at: 0)
}
.foregroundStyle(.mint)
.listRowBackground(Color.clear)
ForEach($pdfImportCoordinator.arrivalSegments) { $segment in
HStack {
TextField("Airport", text: $segment.airport)
.textInputAutocapitalization(.characters)
.disableAutocorrection(true)
.focused($isFocused)
.padding()
.overlay(
RoundedRectangle(cornerRadius: 8)
.stroke(Color.gray, lineWidth: 1)
)
DatePicker(
"Date & Time",
selection: $segment.date,
displayedComponents: [.date, .hourAndMinute]
)
.labelsHidden()
.datePickerStyle(.compact)
.padding()
}
.listRowBackground(Color.clear)
}
}
}
}
}
struct ContentView: View {
@State private var showSheet: Bool = false
var body: some View {
NavigationStack {
VStack {
Button(action: {
showSheet = true
}, label: {
Text("Show List")
})
}
.sheet(isPresented: $showSheet) {
RosterImportView()
.presentationSizing(
.page
.fitted(horizontal: false, vertical: false)
.sticky(horizontal: false, vertical: false))
.presentationDragIndicator(.visible)
.ignoresSafeArea(.keyboard, edges: .bottom)
}
}
}
}
Я обнаружил, что когда список дат выходит за нижнюю часть экрана (поэтому, когда список комбинаций аэропорт/время длиннее), проблема усугубляется. В этом сценарии я могу очень медленно прокручивать вниз, и форматирование даты остается относительно постоянным: дд МММ гггг. Но при быстрой прокрутке формат даты меняется на дд/ММ/гггг. Я также могу перейти назад и вернуться к этому представлению, и форматирование сбрасывается на дд МММ гггг... И наоборот, когда список комбинаций аэропорт/время короткий (скажем, всего 4), форматирование даты остается дд МММ гггг. Я также обнаружил, что добавление случайных дат приводит к изменению форматирования.
Это очень странное поведение. Могу ли я что-нибудь сделать, чтобы сохранить единообразие форматирования без использования текста для отображения времени? Я хочу сохранить его как DatePicker.
Подробнее здесь: https://stackoverflow.com/questions/798 ... formatting