How to color the padding around a view

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-color-the-padding-around-a-view]

 

How to color the padding around a view

 

padding() modifier는 뷰 주변에 공간을 추가하고, background()modifier는 배경색상을 설정합니다. 하지만, 사용하는 방식이 중요하므로, 최상의 결과를 얻기 위해 목표를 명확하게 하는 것이 중요합니다.

 

예를들어, 검정 배경색과 하얀 전경색으로된 텍스트 뷰를 만들고, 시스템 기본 패딩(padding)을 추가합니다.

Text("Hacking with Swift")
    .background(Color.black)
    .foregroundColor(.white)
    .padding()

 

다음은 시스템 기본 패딩(padding)을 추가하고 빨간 배경색상과 하얀 전경색을 설정합니다.

Text("Hacking with Swift")
    .padding()
    .background(Color.black)
    .foregroundColor(.white)

 

2개의 코드 부분은 비슷해보이지만, modifiers를 적용하는 순서가 중요하기 때문에 다른 결과가 됩니다. 두번째 예제에서 뷰가 패딩이 추가된 후에 색상을 주었으며, 패딩은 검정색이 된다는 의미입니다. 대조적으로, 첫번재 예제는 색상을 주고 패딩을 주었으므로, 패딩은 색상이 없는 상태입니다.

 

따라서, 텍스트 자체보다 배경색상이 더 넓은 텍스트를 원하는 경우, 두번째 코드 예제를 사용하세요 - pad then color