iOS/SwiftUI

SwiftUI) List NavigationLink item ">" 숨기는 방법

Brad_Heo 2023. 5. 31. 23:09

StackOverFlow에서 찾은 방법..

 

-> 하지만 기본적으로 List 생성 시 ">" 아이콘이 나온다.

해결방법

ZStack을 사용해서 위에 뷰를 덮어씌어주는 느낌으로 해결

기존의 NavigationLink Label은 보이지 않도록 opacity(0.0)으로 설정

struct ContentView: View {

    var test = [1, 2, 3, 4, 5, 6]
    var body: some View {
        NavigationView {
            List(test, id: \.self.description, rowContent: { element in
                ZStack(alignment: .leading) {
                    Text("\(element)")
                    NavigationLink {
                        Text("\(element)")
                    } label: {
                        EmptyView()
                    }.opacity(0.0)
                }
            })
        }
    }
}

기존 코드

struct ContentView: View {

    var test = [1, 2, 3, 4, 5, 6]
    var body: some View {
        NavigationView {
            List(test, id: \.self.description, rowContent: { element in
                    NavigationLink {
                        Text("\(element)")
                    } label: {
                        Text("\(element)")
                    }
            })
        }
    }
}

'iOS > SwiftUI' 카테고리의 다른 글

SwiftUI TextField  (0) 2023.11.10
SwiftUI ZStack 활용  (0) 2023.11.07
SwiftUI) NavigationBar 뒤로가기 버튼 안보이게 하기  (0) 2023.06.12
SwiftUI alert in iOS14  (0) 2023.01.17
@StateObject vs @ObservedObject 차이점  (0) 2023.01.07