ios View2 [SwiftUI] ViewModifier를 활용하여 가독성 높은 UI 코드 작성하기 SwiftUI에서 UI를 구현할 때, .padding(), .background(), .overlay() 등 여러 modifier를 자주 사용하게 됩니다. 하지만 이러한 modifier들이 많아질수록 코드의 길이가 길어지고 가독성이 떨어질 수 있습니다.이번 글에서는 예제 코드를 통해 이러한 문제를 해결하는 방법을 살펴보겠습니다. 1. 기존 코드아래 화면은 여러 개의 ViewModifier를 사용하여 구현되었습니다. 각 요소를 하나씩 살펴보겠습니다. 1.1 둥근 텍스트 버튼 둥근 텍스트 버튼은 좌우 10, 상하 5의 여백을 가지며, 흰색 배경과 검정색 외곽선을 가지고 있습니다. 또한, 그림자 효과가 적용되어 있으며, 모서리 둥근 정도는 20입니다. 1.2 둥근 VStack안에 이미지와 텍스트.. 2025. 3. 12. [SwiftUI] TextEditor / placeholder, 외곽선, 정렬 Swiftui에서 TextField가 주어진 width 크기를 초과하면 자동으로 줄이 바뀌지 않고 horizontal로 스크롤되어 ui는 텍스트 크기와 상관 없이 한 줄로 유지됩니다.struct AddDiaryView: View { @State var text: String = "" var body: some View { VStack(content: { TextField( "aaaa", text: $text ) .lineLimit(12) .autocorrectionDisabled(true) }) }} 제가 필요한 것은 Textfield의 width 크기를 초과했을 때 vertical 방향으로 텍스트가 추가되는 것을 원하기 때문에.. 2024. 5. 12. 이전 1 다음
