[SwiftUI] 굴곡 있는 사각형 예제 (Rounded Ractangle with outline)

 

 

 

import SwiftUI

let pretendard_bold = "Pretendard-Bold"

struct ContentView: View {
    var body: some View {
        VStack {
            Spacer()
            ZStack {
                RoundedRectangle(cornerRadius: 20)
                    .foregroundColor(Color.gray)
                    .frame(width: 350, height: 200)
                Text("안녕하세요")
                    .foregroundColor(Color.blue)
                    .font(.custom(pretendard_bold, size: 30))
            }
            Spacer()
            ZStack {
                RoundedRectangle(cornerRadius: 20)
                    .foregroundColor(Color.yellow)
                    .frame(width: 350, height: 200)
                    .overlay(
                        RoundedRectangle(cornerRadius: 20)
                            .stroke(Color.orange, lineWidth: 2)
                        )
                Text("안녕하세요")
                    .foregroundColor(Color.red)
                    .font(.custom(pretendard_bold, size: 30))
            }
            Spacer()
        }
        .padding()
    }
}

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

 

 

custom font 추가 방법은 아래 페이지에서 확인 가능합니다.

https://growingsaja.tistory.com/781