팁앱

화면 그리기

개발환경

iOS 16.0 이상

목표

팁앱의 메인 UI를 구성해보자.

사용

NavigationStack, List, Image, Label

완성 화면

해당 화면은 라이트모드 버전 입니다

 

고민해봐요

Q : 팁앱 상단에 있는 “새로운 기능” 뷰는 어떻게 구현해야할까요?

Stack중에 하나를 떠올려보세요! 가로, 세로가 아닌 또 하나 있었는데..!

Q : NavigationView도 아니고.. NavigationStack이 뭘까?

https://zeddios.tistory.com/1376

코드 맛보기

  • ZStack 사용하기
import SwiftUI

struct ContentView: View {
    var body: some View {
		   NavigationStack {
            List {
                ZStack {
                    Text("새로운 기능")
                        .bold()
                        .offset(x: -20, y: -80)
                        .font(.system(size: 23))
                    Image(systemName: "bolt")
                        .resizable()
                        .scaledToFit()
                        .frame(height: 200)
                }
						}
				}
    }
}

 

댓글

댓글 본문
버전 관리
개발자리
현재 버전
선택 버전
graphittie 자세히 보기