当前位置: 首页 > news >正文

SwiftUI的Picker

SwiftUI的Picker

本章来记录一下SwiftUI中三种不同Picker的用法 ,分别为normalPicker ,
wheelPicker, segmentedPicker 。可以根据不同需求展示不同的Picker


import SwiftUIstruct PickerBootCamp: View {@State var selection: String = "Recent"let titleList = ["Recent","Popular","Liked"]var body: some View {NavigationView{VStack {Text("slecetion: " + selection)normalPickerwheelPickersegmentedPickerSpacer()}.padding().navigationTitle("PickerBootCamp")}}var normalPicker: some View  {/// 默认样式Picker(selection: $selection) {ForEach(1..<13) { index inText("\(index)").tag("\(index)")}} label: {}.pickerStyle(MenuPickerStyle())}var wheelPicker: some View {Picker("Picker", selection: $selection) {ForEach(1..<13) { index inText("\(index)").tag("\(index)").foregroundColor(.red)}}.pickerStyle(WheelPickerStyle())}var segmentedPicker: some View {Picker("segmented", selection: $selection) {ForEach(0 ..< titleList.count) { index inlet value = titleList[index]Text(value).tag(value)}}.pickerStyle(SegmentedPickerStyle())}
}#Preview {PickerBootCamp()
}

效果图:
在这里插入图片描述

http://www.lryc.cn/news/318396.html

相关文章:

  • 物联网技术助力智慧城市转型升级:智能、高效、可持续
  • YOLOv7_pose-Openvino和ONNXRuntime推理【CPU】
  • 通过ACPI检测沙箱-反虚拟机
  • 计算点集的最小外接矩形——OpenCV的minAreaRect函数
  • Stripe Web 购买集成
  • 加密货币在网络违法犯罪活动中的利用情况调查
  • 【测试知识】业务面试问答突击版3---bug、测试用例设计
  • 使用大型语言模型进行实体提取
  • 基础:TCP是什么?
  • el-table中 el-popover 性能优化
  • java数据结构与算法刷题-----LeetCode46. 全排列
  • 听说过Nginx反向代理,那正向代理是什么?
  • 实现elasticsearch和数据库的数据同步
  • SwiftUI的Alert使用方式
  • FPGA高端项目:FPGA基于GS2971的SDI视频接收+GTX 8b/10b编解码SFP光口传输,提供2套工程源码和技术支持
  • 【源码编译】Apache SeaTunnel-Web 适配最新2.3.4版本教程
  • 数据集下载
  • 3、设计模式之工厂模式2(Factory)
  • npm、nodejs和vue之间关系和区别介绍
  • DM数据库安装(Windows)
  • Python的asyncio 多线程
  • 【分类讨论】【解析几何】【 数学】【推荐】1330. 翻转子数组得到最大的数组值
  • 一文了解Spring的SPI机制
  • django根据时间(年月日)动态修改表名--方法一
  • 实现基本的登录功能
  • Java线程池实现原理及其在美团业务中的实践
  • 让AI给你写代码(四)—— 初步利用LangChain Agent根据输入生成,保存,执行
  • Flutter does not exist
  • AIX上安装gcc和g++
  • js实现扫描线填色算法使用canvas展示