카테고리 없음

[SwiftUI] TextField의 텍스트 정렬

_히처리_ 2023. 8. 24. 19:10

SwiftUI의 TextField의 텍스트를 정렬하려면 .multilineTextAlignment 수정자를 사용하면 된다.

// .leading 앞쪽 (디폴트)
TextField("name", text: $name)
    .multilineTextAlignment(.leading)
    
// .center 가운데
TextField("name", text: $name)
    .multilineTextAlignment(.center)
   
// .trailing 뒤쪽
TextField("name", text: $name)
    .multilineTextAlignment(.trailing)

 

 

struct TextView: View {
    @State private var name = ""
    
    var body: some View {
        VStack(spacing: 20) {
            TextField(".leading", text: $name)
                .multilineTextAlignment(.leading)
            TextField(".center", text: $name)
                .multilineTextAlignment(.center)
            TextField(".center", text: $name)
                .multilineTextAlignment(.trailing)
        }
        .padding()
        .textFieldStyle(.roundedBorder)
    }
}