如何在SwiftUI中访问父框架

时间:2019-07-01 09:07:50

标签: swift inheritance constraints width swiftui

仍然可以在SwiftUI上工作,但是我遇到了问题。 我创建了带有动态框架的图片,并且我希望标签的宽度为图片的一半(例如,图片宽度= 300;标签宽度为150)

在UIKit中,我应该编写如下代码:

Label.widthAnchor.constraint(image.widthAnchor, multiplier: 1/2).isActive = true

我在SwiftUI中尝试了类似的方法:

Image(systemName: "j.circle.fill")
            .resizable()
            .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.width)
        Text("Placeholder").frame(width: Image.frame.width/2, height: 30)

但这不起作用。

我该怎么办?

1 个答案:

答案 0 :(得分:1)

为什么不同时设置两者的硬尺寸:

Image(systemName: "j.circle.fill")
     .resizable()
     .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.width)

Text("Placeholder")
     .frame(width: UIScreen.main.bounds.width/2, height: 30)

如果要在一个位置更改组件的整体大小,可以这样做:

struct MyView : View {

     private var compWidth: CGFloat { UIScreen.main.bounds.width }

     var body: some View {
         VStack {
             Image(systemName: "j.circle.fill")
                   .resizable()
                   .frame(width: compWidth, height: compWidth)

             Text("Placeholder")
                   .frame(width: compWidth/2, height: 30)
         }
     }
}

或者,对于更优雅的方法,您可以look into GeometryReader