zl程序教程

您现在的位置是:首页 >  其它

当前栏目

SwiftUI 中级之徒手写个SearchBar

SwiftUI 中级 写个
2023-09-11 14:18:31 时间

用了N多年Apple给我们提供的SearchBar,今天打算自己实现一个。

想一想SearchBar组成

  • 文本输入的地址
  • 一个按钮
  • 列表

41085-29e2a94d8ab7b061.jpg

实现方案

使用HStack包裹一个TextField和Button,列表通过List实现。

代码

import SwiftUI

struct RFSearchView: View {
    @State var searchStr:String = ""
    @State private var items: [String] = Array(0...24).map { "Item \($0)" }
    
    var body: some View {
        NavigationView {
            VStack {
                HStack{
                    TextField("Search",text: $searchStr)
                        .frame(height:40)
                        .padding(EdgeInsets(top: 0, leading: 8, bottom: 0, trailing: 8))
                        .border(Color.gra