Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.0k views
in Technique[技术] by (71.8m points)

swiftUI 中 padding 调用时间不同渲染的样式也不同

case1:
代码

struct MenuView: View {
    var body: some View {
        VStack(spacing: 16) {
            MenuRow(title: "Account", icon: "gear")
            MenuRow(title: "Billing", icon: "creditcard")
            MenuRow(title: "Sign out", icon: "person.crop.circle")
        }
        .frame(maxWidth: .infinity)
        .frame(height: 300)
        .background(Color.white)
        .clipShape(RoundedRectangle(cornerRadius: 30, style: .continuous))
        .shadow(radius: 20)
        .padding(20)
    }
}

样式:
image.png

case2

struct MenuView: View {
    var body: some View {
        VStack(spacing: 16) {
            MenuRow(title: "Account", icon: "gear")
            MenuRow(title: "Billing", icon: "creditcard")
            MenuRow(title: "Sign out", icon: "person.crop.circle")
        }
        .frame(maxWidth: .infinity)
        .frame(height: 300)
        .padding(20)
        .background(Color.white)
        .clipShape(RoundedRectangle(cornerRadius: 30, style: .continuous))
        .shadow(radius: 20)
    }
}

样式:
image.png

我只改了一下padding的调用顺序。

问题:

1、padding 或者 swiftui modifier 是如何渲染页面的,调用顺序不同如何影响到页面的样式?
2、swiftui 对modifier的调用顺序这么严格,有没有什么规律可循,在开发中如何确定调用顺序?

求大佬答疑解惑,不胜感激!


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

找到原因了,传送地址:https://zhuanlan.zhihu.com/p/...


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...