VesselWheel

e-mail / pw 입력창 본문

Xcode Study

e-mail / pw 입력창

JasonYang 2023. 10. 18. 15:48

 

 

import SwiftUI

 

struct ContentView: View {

    @State private var email: String = ""

    @State private var passwd: String = ""

    

    var body: some View {

        VStack {

            VStack{

                TextField("이메일", text: self.$email)

                Divider()

                SecureField("비밀번호", text: self.$passwd)

            }

            Divider()

            Text("입력된 이메일  : \(self.email)")

            Text("입력된 비밀번호 : \(self.passwd)")

            

            // Form View : 컨트롤이나 뷰를 꾸며주는 객체

            Form{

                VStack{

                    TextField("이메일", text: self.$email)

                    Divider()

                    SecureField("비밀번호", text: self.$passwd)

                }

                Divider()

                Text("입력된 이메일  : \(self.email)")

                Text("입력된 비밀번호 : \(self.passwd)")

                

                HStack{

                    Button(action: {

                         self.hideKeyboard()

                    }) {

                        Text("입력완료")

                    }

                }

            }

            .textFieldStyle(RoundedBorderTextFieldStyle())

        }

    }

}

#if canImport(UIKit)

extension View{

    func hideKeyboard(){

        UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)

    }

}

#endif

 

struct ContentView_Previews: PreviewProvider {

    static var previews: some View {

        ContentView()

    }

}

'Xcode Study' 카테고리의 다른 글

단추 늘이기, 줄이기  (0) 2023.10.18
func Count and Age present  (0) 2023.10.18
@State  (0) 2023.10.18
MapView  (0) 2023.10.18
rbenv for cocoa pods  (0) 2023.10.18