설정앱

프로필 뷰

목표

설정 앱 메인UI 중 프로필 뷰를 구성해봅시다.

완성 화면

 

( 좌 : 메인화면, 우 : 프로필뷰-상세 )

사용

Stack  Text  NavigationView  List  Image

고민해봐요

Q : Text의 폰트 커스텀하기

글자를 보여주는 Text 사용해보기

.font(.system(size: 16, weight: .light, design: .**default**)) 에서 size는 글자크기, weight는 굵기, design은 글자의 디자인(내장폰트)를 설정할 수 있어요.

Q : VStack 전체 정렬 및 간격 커스텀하기

Stack으로 쌓아보아요! VStack, HStack, ZStack

코드 맛보기

  • Text font 커스텀 + VStack 정렬 및 간격 설정
import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack(alignment : .leading, spacing: 3) {
            Text("Leeo")
               .font(.system(size: 24))
               .fontWeight(.regular)
				    Text("Apple ID, iCloud, 미디어 및 구입")
               .font(.system(size: 14))
        }
        .padding(.vertical, 10)
    }
}

 

댓글

댓글 본문