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

SwiftUI TextField 기본 사용법

반응형

텍스트 필드 기본 사용법

struct ContentView: View {
    @State private var inputText: String = ""
        
    var editingChanged: (Bool) -> () = { editing in
        print("onEditingChanged: \(editing)")
    }
    
    var commit: () -> () = {
        print("onCommit")
    }
    
    var body: some View {
        VStack {
            TextField("텍스트를 입력하세요", text: $inputText, onEditingChanged: editingChanged, onCommit: commit)
                .foregroundColor(.white)        // 글자 컬러
                .background(Color.red)			// 백그라운드
                .accentColor(.yellow)
                .padding(.all, 20)
                .font(.system(size: 20, weight: .heavy, design: .default))
            
            Text("입력된 텍스트: \(inputText)")
                .foregroundColor(.black)
                .padding()
            
            Button(action: {
                print("입력된 텍스트: \(inputText)")
            }) {
                Text("출력하기")
                    .padding()
                    .foregroundColor(.white)
                    .background(Color.blue)
                    .cornerRadius(10)
            }
            .padding()
        }.background(Color.white)
    }
}

 

반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유