전체 글72 SwiftUI를 이용한 편집 버튼 만들기 SwiftUI는 컬렉션에서 객체를 삭제하는 방법을 제어하는 데 사용할 onDelete() 수정자를 제공한다. 이 기능은 목록에서 각 행에만 사용된다. 기본 코드 import SwiftUI struct ContentView: View { @State private var fruits = [ "Apple", "Banana", "Papaya", "Mango" ] var body: some View { NavigationView { List { ForEach(fruits, id: \.self) { fruit in Text(fruit) } .onDelete { fruits.remove(atOffsets: $0) } .onMove { fruits.move(fromOffsets: $0, toOffset: $1) } .. 2022. 11. 5. [React] Quill 에디터의 이미지 크기 조절하기 문제 해결(quill-image-resize 플러그인) 보호되어 있는 글 입니다. 2022. 11. 4. SwiftUI를 이용한 구분선 그리기 (Divider) VStack이나 HStack 뷰로 여러 개의 뷰를 쌓을 때 구분되어야 하는 뷰도 있다. 그럴 때 Divider 뷰를 이용해 구분선을 짓는다. 기본코드 import SwiftUI struct ContentView: View { var body: some View { VStack (spacing: 40) { Text("Menu") Divider() Image(systemName: "a.circle.fill") Divider() } } } 실행화면 Divider 색상 색상은 background 속성을 이용해 구분선의 색상을 지정한다. Group { Text("Divider 색상") Divider() .background(Color.blue) Text("Divicder 색상2") Divider() .backgr.. 2022. 11. 4. SwiftUI를 이용한 숨기기 위젯 구현하기(DisclosureGroup) 내부에 있는 콘텐츠를 Bool 속성 변수의 값에 따라 보여줄지말지가 필요할 때 사용한다. 그래서 내부에 많은 뷰를 배치할 수 있다. 다시 말해, DisclosureGroup View는 콘텐츠를 식별하는 레이블과 콘텐츠를 표시하고 숨기는 컨트롤로 구성된다. Group 내부에 콘텐츠가 확장되거나 축소 상태가 된다. 기본코드 import SwiftUI struct ToggleStates { var oneIsOn: Bool = false var twoIsOn: Bool = true } struct ContentView: View { @State private var toggleStates = ToggleStates() @State private var topExpanded: Bool = true var body.. 2022. 11. 3. 이전 1 ··· 14 15 16 17 18 다음
