SwiftUI 使用框架和项目创建自定义菜单

Question

我有问题。我有一个要构建的主视图，但我无法像在屏幕上那样管理它。我尝试在 VStack 中使用 3 个 HStack，但无法管理下一步该做什么，使用框架或覆盖，在 SwiftUI 中完全是新手。菜单项将包含下面的图像和文本。有没有人可以帮助我。问候 enter image description here

Answer 1

这是一个可能的解决方案。使用 VStack 作为主要包装器，然后使用 HStack 作为行，其中每个项目都尝试具有最大宽度。

struct ContentView: View {
    
    var body: some View {

        VStack(spacing: 0) {
            HStack(spacing: 0) {
                ItemView()
                ItemView()
            }
            HStack(spacing: 0) {
                ItemView()
                ItemView()
            }
            HStack(spacing: 0) {
                ItemView()
                ItemView()
            }
        }
    }
}


struct ItemView : View {
    var body : some View {
        VStack {
            Spacer()
            Image(systemName: "airplane")
                .resizable()
                .frame(width: 50, height: 50)
            Spacer()
        }.frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
        .border(Color.black)
    }
}

SwiftUI 使用框架和项目创建自定义菜单

SwiftUI create custom menu with frame and items

grid

user-interface

menu

swift