tyiu/damus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add cancel button to search box

Browse Source 
Changelog-Added: Cancel button on search box
Signed-off-by: William Casarin <jb55@jb55.com>
This commit is contained in:
James Carucci
2022-08-09 10:02:44 -07:00
committed by William Casarin
parent b5f13636ae
commit d6ef1c4019
1 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
damus/Views/SearchHomeView.swift
View File

@@ -15,16 +15,25 @@ struct SearchHomeView: View {
var SearchInput: some View { var SearchInput: some View {
ZStack(alignment: .leading) { ZStack(alignment: .leading) {
TextField("", text: $search) HStack{
.padding(5) TextField("", text: $search)
.padding(.leading, 35) .padding(5)
.textInputAutocapitalization(.never) .padding(.leading, 35)
.textInputAutocapitalization(.never)
Label("", systemImage: "xmark.square")
.padding(EdgeInsets(top: 0.0, leading: 0.0, bottom: 0.0, trailing: 10.0))
.opacity((search == "") ? 0.0 : 1.0)
.onTapGesture {
self.search = ""
}
}
Label("", systemImage: "magnifyingglass") Label("", systemImage: "magnifyingglass")
.padding(.leading, 10) .padding(.leading, 10)
} }
.background { .background {
RoundedRectangle(cornerRadius: 20) RoundedRectangle(cornerRadius: 20)
.foregroundColor(.gray.opacity(0.2)) .foregroundColor(.gray.opacity(0.2))
} }
.padding() .padding()
} }