RoundedRectangle

RoundedRectangle 사용시 border 컬러와 fill 컬러를 다르게 사용하고 싶은 경우,

 

참고로 RounedRectangle에서 .fill 과 .stroke를 함께 사용할 수 없다.

아마도 서로 대치되는 개념이기 때문에 함께 사용하지 못하는 것 같다.

import SwiftUI

struct ContentView: View {
    var body: some View {
        RoundedRectangle(cornerRadius: 25)
            .fill(Color.green)
            .frame(width: 100, height: 100)
            .overlay(
                RoundedRectangle(cornerRadius: 25)
                    .stroke(Color.blue, lineWidth: 4)
            )
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

 

.background(.ultraThickMaterial, in: RoundedRectangle(cornerRadius: 5))
.overlay {
    RoundedRectangle(cornerRadius: 5, style: .continuous)
        .stroke(.gray, lineWidth: 1)
        .opacity(0.1)
}