SwiftUI-列表中的中心内容

Question

如何使此箭头位于列表中心？

struct ProductsList : View {
var body: some View {

    VStack {
        List {
            Image(systemName: "shift")


        }

    }
}

}

Answer 1

尝试一下：

    var body: some View {
        List {
            GeometryReader { geometry in
                VStack(alignment: .center) {
                    Image(systemName: "shift")
                }.frame(width: geometry.size.width)
            }
        }
    }

Answer 2

我建议使用ViewModifier：

struct CenterModifier: ViewModifier {
    func body(content: Content) -> some View {
        HStack {
            Spacer()
            content
            Spacer()
        }
    }
} 

因此在您的列表中，如果您拥有更多不同类型的UI元素，则这样做更方便：

struct ExampleList: View {
    var body: some View {
        List {
            Image(systemName: "shift").modifier(CenterModifier())
            SomeOtherView().modifier(CenterModifier())
        }
    }
}

Answer 3

您可能只想使用一些垫片。

struct ProductsList : View {
var body: some View {

    VStack {
        List {
            HStack {
               Spacer()
               Image(systemName: "shift")
               Spacer()
             }

        }

    }
}
}