小编Gar*_*ham的帖子

SwiftUI 将 VStack/HStack 对齐到表中

在此输入图像描述在此输入图像描述我正在尝试对齐所有分隔线以创建一致的表格视图,但我无法让所有分隔线对齐。理想情况下,即使是标题行也能让分隔线与列表对齐 - 但对齐它们至关重要,这样标题行才能充当数据的键。

import SwiftUI

struct TableView: View {
    var teamNames = ["Sporting Kansas City", "Real Salt Lake", "Colorado Rapids", "Minnesota United"]
    
    var teamMP = ["2", "2", "2", "2"]
    
    var teamWins = ["2", "1", "0", "1"]
    var teamDraws = ["0", "1", "1", "1"]
    var teamLosses = ["0", "0", "1", "0"]
    
    var body: some View {
        return VStack() {
            HStack(spacing: 10) {
                Text("Club")
                    .padding(.leading)
                    .frame(width: 210.0, alignment: .leading)
                Spacer()
                Text("MP")
                Divider()
                    .frame(height: 20.0)
                Text("W")
                Divider()
                    .frame(height: 20.0)
                Text("D")
                Divider()
                    .frame(height: 20.0) …
Run Code Online (Sandbox Code Playgroud)

ios swiftui

3
推荐指数
1
解决办法
2586
查看次数

标签 统计

ios ×1

swiftui ×1