목표
기존에 구성한 리스트의 셀을 좀 더 실제 디자인처럼 만들어봅시다.
완성 화면
사용
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)
}
}
}
}