[SwiftUI] 검색 필드(searchable modifier)

👉 searchable

해당 뷰에서 검색 가능하도록 검색 필드를 표시.
searchable modifier을 통해 구현 가능.

👉 적용 방법

검색 기능이 필요한 뷰에 적용.
내비게이션 바 제목 아래에 위치.
NavigationView가 필요.

코드 예시

    ... 생략 ...

    @State var searchQueryString = ""

    var body: some View {
        NavigationView {

            ... 생략 ...

            )
            .navigationTitle("Titile")
            .searchable(
                text: $searchQueryString,
                placement: .navigationBarDrawer,
                prompt: "검색"
            )
        }
    }

• text
  검색 필드에 입력하는 문자열
  searchQueryString에 바인딩함.
• placement
  검색 필드 위치 지정.
  기본값은 .automatic
  .navigationBarDrawer를 사용하여 검색 필드를 네비게이션 바(drawer)의 아래에 배치하도록 지정함.
• prompt
  검색 필드에 표시될 힌트.
  html 엘리먼트 중 input의 placeholder와 같은 기능을 함.

참고 링크

• https://developer.apple.com/documentation/swiftui/divider/searchable(text:placement:prompt:)-8i0vn/
• https://www.kodeco.com/26924502-swiftui-search-getting-started