SwiftUI: неправильная позиция начального элемента списка - PullRequest
Новая
       5

SwiftUI: неправильная позиция начального элемента списка

1 голос
/ 04 февраля 2020

Я новичок в Swift, и у меня есть вопрос, касающийся представления списка.

Приведенный ниже код создает список изображений в виде кнопки, за которой следует текст.

Проблема заключается в том, что элементы списка изначально немного левы, но при первом обновлении они перемещаются вправо на место. 

import SwiftUI

struct TodoItem {
    var name: String
    var completed: Bool

    init(_ name: String) {
        self.name = name
        self.completed = false
    }
}

struct ContentView: View {

    @State var todos: [TodoItem] = [
        TodoItem("This"),
        TodoItem("Is"),
        TodoItem("Some"),
        TodoItem("Todo"),
        TodoItem("Task")
    ]

    var body: some View {
        NavigationView {
            List(todos.indices) { index in
                HStack {
                    Image(systemName: self.todos[index].completed ? "checkmark.circle" : "circle")
                        .imageScale(.large)
                        .onTapGesture {
                            self.todos[index].completed.toggle()
                        }

                    Text(self.todos[index].name)
                    Spacer()
                }
            }
            .navigationBarTitle("Todos")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

1 Ответ

1 голос
/ 04 февраля 2020

Здесь фиксированное тело (протестировано и работает с Xcode 11.3.1) 

var body: some View {
    NavigationView {
        List {
            ForEach (todos.indices) { index in
                HStack {
                    Image(systemName: self.todos[index].completed ? "checkmark.circle" : "circle")
                        .imageScale(.large)
                        .onTapGesture {
                            self.todos[index].completed.toggle()
                        }

                    Text(self.todos[index].name)
                    Spacer()
                }
            }.listRowInsets(EdgeInsets(top: 0, leading: 20, bottom: 0, trailing: 20))
        }
        .navigationBarTitle("Todos")
    }
}
...