[SwiftUI] SwiftUI Tutorial02 - Customize the text view

SwiftUI 에서 textView를 커스터마이즈 하는 방법을 알아봅시다!

 

코드로 커스터마이징

 

기존에 이렇게 있었던 텍스트에

font와 color를 더해줄 겁니다!

 

 

foregroundColor는 deperecated됐다고 하니 .foregroundStyle(.green)로 대체해주면 될 것 같습니다!

 

Inspector로 커스터마이징하기

애플 튜토리얼에 따르면 꼭 스토리보드처럼 정해진 속성들을 보면서 수정할 수 있는 기능이 있다고 합니다!

 

그 중 첫 번째는

 

프리뷰 왼쪽 하단에 있는 버튼중 요 파란색 선택된 화살표놈을 선택하고 command + control을 누른 채로 원하는 컴포넌트를 클릭하면 저렇게 팝업이 뜨고요,

첫번째 항목을 선택해주면 세 번째 사진처럼 Text에 대한 속성을 수정할 수 있는 창이 뜹니다!

preview 왼쪽 하단

 

 

두 번째 방법은,

일일이, 프리뷰까지 옮기기 귀찮다면.. 코드에서 직접 불러내기!

contorl + option 을 누른채로 원하는 컴포넌트를 코드에서 탭하면 똑같이 이런창이 뜹니다!

 

 

이렇게 Text view를 커스텀하는 방법에 대해서 간단하게 알아보았습니다!

 

출처: SwiftUI Tutorial from apple