설정앱

셀 디테일

목표

기존에 구성한 리스트의 셀을 좀 더 실제 디자인처럼 만들어봅시다.

완성 화면

사용 

Stack,  Text,  NavigationView,  List,  Image, Toggle, @State

고민해봐요

Q : 컴포넌트 간의 간격을 조정하는 방법

https://opentutorials.org/course/5028/32027

Q : Toggle 만들기

Toggle(title : StringProtocol, isOn : Binding<Bool>) 타입입니다. title에는 Text(제목)을/를 넣고, isOn에는 State 변수에 $를 씌워 호출합니다. ( Binding )

Q : @State?

https://opentutorials.org/course/5028/32030

코드 맛보기

  • @State 이용하기
  • 텍스트간의 간격 조정하기
import SwiftUI

struct ContentView: View {

    @State private var isAirplaneModeOn = false

    var body: some View {

        HStack {
            Toggle("에어플레인 모드", isOn: $isAirplaneModeOn)
        }

        HStack {
				    NavigationLink {
                Text("Wi-fi Screen")
            } label: {
                Text("Wi-Fi")
                Spacer()
                Text("KT_AD076BC")
                    .foregroundColor(.gray)
            }
        }
    }
}

 

댓글

댓글 본문