Jiwift

배경색을 주고 패딩을 적용해 넓어 보이는 TextField를 적용했습니다.   TextField("이름을 입력하세요", text: $member.name) .padding() .foregroundStyle(.title) .font(.pretendard(type: .bold, size: 20)) .background { RoundedRectangle(cornerRadius: 7) .foregroundColor(.surface320) } .padding([.leading, .trailing], 36)      안녕하세요! 저는 단순한 코딩을 넘어, 서비스와 사용자 경험을 깊이 고민하며 발전하는 개발자가 되기 위해 끊임없이 노력하고 있습니다. 함..

[SwiftUI] TextField - 밑줄 있는 디자인, Custom Under Line  위에는 기본 상태이고 아래는 입력 상태입니다. 저는 TextField로 하는 방법을 몰라서 VStack을 사용해서 만들었습니다. TextField와 Rectangle을 사용했습니다.   상황에 따라 Rectangle의 foregroundColor 색상을 변경하여 다양한 옵션을 제공할 수 있을 것 같습니다. VStack(spacing: 0) { TextField("그룹 이름을 입력해주세요.", text: $name) .font(.pretendard(type: .bold, size: 24)) .padding([.leading, .trailing], 36) .textField..

위에 List에 보시면 View마다 기본적으로 있는 선이 있습니다.    List { ForEach(movies) { movie in NavigationLink(destination: MovieDetailView()) { // List Row 에 해당하는 View Text("Hi 안녕하세요.") } .listRowSeparator(.hidden) }} ".listRowSeparator(.hidden)"를 통해서 위 사진처럼 선을 제거할 수 있습니다.     안녕하세요! 저는 단순한 코딩을 넘어, 서비스와 사용자 경험을 깊이 고민하며 발전하는 개발자가 되기 위해 끊임없이 노력하고 있습니다. 함께 재미있는 이야기 나누고 싶으시..

SwiftUI List를 사용하면서 View와 View 사이에 간격을 추가하는 방법List { ForEach(movies) { movie in NavigationLink(destination: MovieDetailView()) { Text(movie.name) } }}  List를 만들면 위와 같이 붙어있습니다.  저 사이에 공백을 추가하기 위해서는  listRowSpacing을 사용합니다.List { ForEach(movies) { movie in NavigationLink(destination: MovieDetailView()) { Text(movie.name) } }}.listRowSpacing(10)이렇게 간..

(예시 GIF 색상 변화가 크지 않습니다. 눌렀을 때 변화가 있습니다.)   버튼이 눌리기 전/후 색상을 원하는 값으로 지정하는 커스텀 버튼입니다. UIKit은 class를 상속 받아서 만들었습니다. SwiftUI는ButtonStyle을 사용해서 원하는 스타일을 낼 수 있습니다. struct PrimaryButtonStyle: ButtonStyle { let normalColor: Color = .primary5 let pressedColor: Color = .primary6 func makeBody(configuration: Configuration) -> some View { configuration.label .font(.pretenda..

버튼을 눌렀을 때와 아닐 때를 이미지로 적용하는 Custom 버튼을 적용하는 코드  Custom Codestruct CustomImageButtonStyle: ButtonStyle { let normalImage: Image = Image(.circlePlusN) let pressedImage: Image = Image(.circlePlusS) let size: CGFloat = 50 func makeBody(configuration: Configuration) -> some View { (configuration.isPressed ? self.pressedImage : self.normalImage) .resizable() ..