개발/SWIFT 아이폰 / / 2023. 7. 17. 14:39

SwiftUI TextField border line 설정

반응형

텍스트 필드 보더 라인 설정

struct ContentView: View {
    @State private var inputText: String = ""

    var body: some View {
        VStack {
            TextField("텍스트를 입력하세요", text: $inputText)
                .textFieldStyle(PlainTextFieldStyle())
                .foregroundColor(.blue)        // 글자 컬러
                .accentColor(.blue)
                .padding(10)    // 외부 패딩 적용
                .font(.system(size: 20, weight: .heavy, design: .default))
                .background(RoundedRectangle(cornerRadius: 15).fill(Color.gray))
                .overlay(       // 보더 라인 설정
                    RoundedRectangle(cornerRadius: 15)
                        .stroke(Color.blue, lineWidth: 2)
                )
                .padding(10) // 내부 패딩 적용
        }.background(Color.white)
    }
}
반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유