gpt4 book ai didi

ios - 我怎样才能插入两个观点?间隔()不起作用

转载 作者:行者123 更新时间:2023-12-04 13:26:25 27 4
gpt4 key购买 nike

我试图将一个 GeometryReader 作为按钮推到屏幕底部,但 Spacer 在这里不起作用......
这个想法是让应用程序响应所有屏幕尺寸。

VStack {
GeometryReader { geometry in
Text("VeganFood")
.font(.system(size: geometry.size.width/12, weight: .bold))
.foregroundColor(.white)
.frame(maxWidth: .infinity)
.frame(maxHeight: 200)
}

/// Spacer doesn't work here

GeometryReader { geometry in
Button(action: { }) {
Text("Let's get started!")
.font(.system(size: geometry.size.width/30, weight: .medium, design: .rounded))
.frame(width: geometry.size.width/3, height: geometry.size.height/7)
.foregroundColor(.white)
.background(Color.black)
.cornerRadius(20.0)
}

.frame(maxWidth: .infinity)
.frame(maxHeight: 200)
}
}
Let's get started! button is centered, but should be at bottom

最佳答案

  • GeometryReader 尽可能多地占用空间。
  •   struct ContentView: View {
    var body: some View {
    VStack {
    GeometryReader { geometry in
    Text("VeganFood")
    .font(.system(size: geometry.size.width/12, weight: .bold))
    .foregroundColor(.red)
    .frame(maxWidth: .infinity)
    .frame(maxHeight: 200)
    }

    GeometryReader { geometry in
    VStack { //<= here
    Spacer() //<=here
    Button(action: { }) {
    Text("Let's get started!")
    .font(.system(size: geometry.size.width/30, weight: .medium, design: .rounded))

    }
    .frame(width: geometry.size.width/3, height: geometry.size.height/7)
    .foregroundColor(.white)
    .background(Color.black)
    .cornerRadius(20.0)
    .frame(maxWidth: .infinity)

    }
    }
    }
    }
    }
    可能有一些不同的方法
    enter image description here

    关于ios - 我怎样才能插入两个观点?间隔()不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68294295/

    27 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com