리팩토링 1

목표

기존에 작성한 코드를 좀 더 효율적으로 바꿔보자!

사용

@ViewBuilder

완성 화면

 

고민해봐요

Q : 반복되는 코드를 조금이나마 가독성 있게 보이려면 어떻게 해야할까요?

뷰를 추출해서 따로 빼는 방법 ViewBuilder

코드 맛보기

• @ViewBuilder 사용하기

import SwiftUI

struct ContentView: View {
    var body: some View {
		    wifiTextCell()
    }

    @ViewBuilder
    private func wifiTextCell() -> some View {
        HStack {
            Image(systemName: "wifi")
                .resizable()
                .aspectRatio(contentMode: .fit)
                .frame(width: 20, height: 20)
                .padding(.all, 4)
                .background(.blue)
                .foregroundColor(.white)
                .cornerRadius(6)
            NavigationLink {
                Text("Wi-fi Screen")
            } label: {
                Text("Wi-Fi")
                Spacer()
                Text("KT_AD076BC")
                    .foregroundColor(.gray)
            }
        }
    }
}