SwiftUI 中级之徒手写个SearchBar
SwiftUI 中级 写个
2023-09-11 14:18:31 时间
用了N多年Apple给我们提供的SearchBar,今天打算自己实现一个。
想一想SearchBar组成
- 文本输入的地址
- 一个按钮
- 列表
实现方案
使用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
相关文章
- SwiftUI 零基础开发系列之 01 TabView构建您的App基础框架(教程含源码)
- SwiftUI CoreData教程之在 SwiftUI 中拥抱核心数据(教程含源码)
- SwiftUI 音乐和网络大全之网络音乐播放App支持iTunes搜索与播放(教程含源码)
- SwiftUI 中级组件之按钮组只能选中一个(中文教程含源码)
- SwiftUI 游戏开发之 乒乓球游戏基于SpriteKit SwiftUI Combine (教程含源码)
- SwiftUI 学习方法之 03 我一直看的是100days swiftUI那个老外的project教程但是感觉什么都没有掌握
- SwiftUI 经典组件之表单验证Form组件 干净简单可定制(教程含源码)
- SwiftUI内功之Xcode中如何使用代码段重用代码
- WWDC21 学习系列之 SwiftUI必看视频《了解适用于 macOS 的快捷方式》
- SwiftUI iOS 精品工具条组件之 10 支持数字未读滚动工具条(教程含源码)
- SwiftUI中级之List显示本地Json文件(2020年教程)
- SwiftUI TabView 如何通过点击设置TabView背景
- SwiftUI高级组件之代码编辑器支持语法高亮(教程含代码)
- SwiftUI中实现Snap Carousel效果旋转木马轮播滚动
- SwiftUI 内功之 05 Extensions是什么
- macOS SwiftUI常见问题解决之This app has crashed because it attempted to access privacy
- SwiftUI 中级之基于ObservableObject传递数据到每个视图
- SwiftUI Django之 07 通过强大的Django Admin 管理数据
- MapUserTrackingMode 跟踪模式 MapKit (SwiftUI 中文手册文档)