【SwiftUI】Button에서 .padding ()의 위치를 ​​조심하자는 이야기

4345 단어 SwiftSwiftUI

무슨 일이야


.padding() 의 쓰는 위치에 따라 표시가 바뀐다!

어떻게 될까


Button(action: {
    print("押された")
}){
    Text("ボタン")
        .fontWeight(.bold)
        .font(.system(size: 20))
        .foregroundColor(Color.white)
        .background(Color.blue)
        .frame(maxWidth: .infinity, minHeight: 48)
        .padding(.horizontal, 32)
}

이것이라면



조금 보기 힘들지만, 예상대로 화면 끝에서 padding가 효과가 있다.
그런데
Button(action: {
    print("押された")
}){
    Text("ボタン")
        .fontWeight(.bold)
        .font(.system(size: 20))
        .foregroundColor(Color.white)
        .background(Color.blue)
        .padding(.horizontal, 32)
        .frame(maxWidth: .infinity, minHeight: 48)
}


frame 의 뒤가 아니고 전에 쓰면 효과가 없게 된다. 무슨 일이야.
그래서 padding 뿐만 아니라 cornerRadius 게다가 장소에서 효과가 있거나 효과가 없거나가 바뀌는 것 같다. 조심하자.

좋은 웹페이지 즐겨찾기