Tunko Development Diary

요약 리스트항목을 터치해서 화면을 전환하려면 NavigationView로 감싸야합니다. 화면 전환 기능을 넣기위해선 NavigationLink를 사용해야 합니다. var body: some View { NavigationView { List { var body: some View { NavigationView { List { Text("text1") Text("text2") NavigationLink( destination: SecondView(), label: { Text("text3") }) } } } } } NavigationLink 에서 destination 에 이동할 View를 넣어주면 해당화면으로 이동합니다. struct SecondView: View { var body: some View {..

제가 사용할 그라데이션과 라운딩 처리를 동시에 처리할 수 있는 모듈을 공유합니다. 도움이 되길 바랍니다 :) 사용 예시 화면입니다. 사용방법은 .background 에 해당 RoundedCorners 를 넣어주면 됩니다. 예시) 그라데이션 radial 타입 .background(RoundedCorners(gradientType: .radial, startPoint: .leading, endPoint: .trailing, colors: [.white, .black], tl: 30, tr: 30, bl: 30, br: 30)) 그라데이션 linear 타입 .background(RoundedCorners(gradientType: .linear, center: .center, startRadius: 0, end..

List 의 Header, Footer 는 Section 안에 담긴다. 기존 UIKit 에서 사용하던 UITableView 내에서도 Cell 이 추가 될떄도 0 번쨰 인덱스 Section 안에 추가 된 형태이다. 하지만 SwiftUI에서의 차이점이라면 굳이 Cell이 섹션안에 있지 않고도 추가 된다는 점이다. 아래 코드는 List 정리 (1)에서 가져온 코드이다. struct ContentView: View { var body : some View { List { Test("text1") Test("text2") Test("text3") Test("text4") Test("text5") } } } 지금까지 리스트에는 Section 을 추가 하지 않았다. 하지만 Header, Footer 를 적용하기 위해..

사실 간단해보이는 이슈라 적용전엔 블로그에 올릴생각이 없었습니다. 하지만…… 많은 삽질을 통해 저와 같은 경험을 하게 되는 분들을 위해 이글을 남깁니다. 기존 iOS13에선 view init에서 요렇게 한줄 넣어주면 깔끔하게 separator line가 사라진것을 확인할 수 있었습니다. // 사용하지 마세요 ㅠㅠ UITableView().appearance().separatorStyle = .none 하지만, iOS14, SwiftUI 2.0에 들어와서는 해당 코드가 재대로 동작하지 않습니다. 테스트에 사용되는 cell View의 코드입니다. struct ToDoItem: Identifiable { var id = UUID() var task: String var imageName: String } ....

List 뷰는 수직 방향의 목록 형태로 사용자에게 정보를 제공하는 방법을 제공한다. 리스트 항목은 사용자가 터치했을 때 앱의 다른 영역으로 이동하곤 한다. 이런 행동은 NavigationView 컴포넌트와 NavigationLink 컴포넌트를 사용하여 구현된다. 현재 게시글에선 다루지 않는다. List뷰는 정적 데이터와 동적 데이터를 모두 표현할 수 있으며, 추가 ,삭제, 항목 순서 재정렬 작업을 할 수 있도록 확장되기도 한다. List List 컨트롤은 셀(cell)에 포함된 하나 이상의 뷰의 각 행을 수직 방향의 목록으로 정보를 표현하는 UIKit의 TableView 클래스와 비슷한 기능을 제공한다. struct ContentView: View { var body : some View { List {..