반응형
프로젝트 진행 과정 중 검색바 (SearchBar)를 만들어 봤습니다.
유저의 관심 질병과 해당 질병에 관련 검색어 리스트를 가져와 랜덤한 키워드를 표기해 줍니다.
import SwiftUI
struct SearchBarView: View {
// 유저 검색
@State var searchText: String = ""
// 유저 관심 질병
@State var userInterest: String = "당뇨"
// 관련 인기검색어 목록
@State var keywords: [String] = ["삼육두유당뇨케어푸드"]
var randomKeyword: String {
keywords.randomElement() ?? ""
}
var body: some View {
HStack {
// 관심질병 인기
Text("\(userInterest) 인기")
.font(.system(size: 12))
.foregroundColor(.red)
.fontWeight(.bold)
// 랜덤한 관련 인기검색어
TextField("\(randomKeyword)", text: $searchText)
.font(.system(size: 15))
.frame(alignment: .leading)
// 검색 아이콘
Image(systemName: "magnifyingglass")
.foregroundColor(.black)
}
.frame(maxWidth: .infinity)
.padding(7)
.overlay(
RoundedRectangle(cornerRadius: 5)
.stroke(Color.black, lineWidth: 1)
)
}
}
#Preview {
SearchBarView()
}
반응형
'iOS > SwiftUI' 카테고리의 다른 글
[ SwiftUI ] Custom Tab Bar 만들기 (0) | 2024.07.02 |
---|---|
[ SwiftUI ] 광고배너 만들기 (0) | 2024.06.27 |
[ SwiftUI ] SwiftUI #Previews (0) | 2024.04.09 |