flutter好用的Widget（一）：CupertinoPicker

最新推荐文章于 2024-06-28 15:03:04 发布
最新推荐文章于 2024-06-28 15:03:04 发布
阅读量1.3w 收藏 2
点赞数 2
分类专栏： Flutter开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39852620/article/details/103657126
版权
CupertinoPicker是Flutter中模拟iOS风格的齿轮选择器，常用于日期和地址选择。它提供了自定义子项高度、滚动回调等功能，通过调整参数如diameterRatio、backgroundColor等可以实现不同的视觉效果。使用时，只需设置itemExtent、children和onSelectedItemChanged等基本属性，即可轻松创建ios样式的选择器。
摘要由CSDN通过智能技术生成

简介

Cupertino （库比蒂诺）是一个地名，苹果电脑的全球总公司所在地。CupertinoPicker是一个ios风格的齿轮滚动的选择器，常用于日期地址选择。

效果图

在这里插入图片描述
在这里插入图片描述

用法

CupertinoPicker(
                  itemExtent: 28,
                  onSelectedItemChanged: (position) {
   
                    print
最低0.47元/天 解锁文章
whale14
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
《Flutter 控件大全》第三十个：CupertinoPicker
老孟Flutter
04-04 3391
如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。 同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。 Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。 ios风格的选择器，和ListWheelScrollView类似。 基本用法如下： Cupe...
Flutter中好用的Widget-CupertinoPicker
weixin_43740011的博客
06-05 1313
每个选项的高度是32.0，当用户更改选择器的选中项时，我们会更新selectedIndex的值。CupertinoPicker是Flutter中一个好用的Widget，它提供了iOS风格的滚动选择器。它可以让用户通过滑动选择器来选择一个特定的值，例如日期、时间或者从一组选项中选择一个选项。CupertinoPicker可以进一步自定义，例如：更改选项的字体、颜色和背景色。总结：CupertinoPicker是Flutter中一个好用的Widget，可以让用户通过滑动选择器来选择一个特定的值。
flutter开发实战-ListWheelScrollView与自定义TimePicker时间选择器
一名开发者
06-28 689
自定义TimePicker使用ListWheelScrollView自定义TimePicker有小时和分钟，左边显示小时，右边显示分钟。点击确定确认选择的时间，时间格式为10:20onSelectedItemChanged来确认选择的item完整代码如下super.key,});width;height;
Flutter--自定义内容选择器CupertinoPicker
weixin_41735943的博客
02-10 1759
Widget tempPicker(Function(int) onChanged) { int value = 30; List<int> list = []; for (int i = -20; i <= 120; i = i + 5) { list.add(i); } final FixedExtentScrollController scrollController = FixedExtentScrollController(.
Flutter 中的 CupertinoPicker 小部件：全面指南
smileKH的博客
05-21 858
是Flutter的Cupertino组件库中的一个widget，它提供了一个类似于iOS中的控件。用户可以通过滚动选择器来选择一个值，这在实现日期时间选择或者简单的下拉选择时非常有用。),// ...更多选项...],// 处理项目选择变化},
Flutter之底部自定义弹框➕CupertinoPicker选择器做二级选择器+界面更新
qq_53163443的博客
06-13 1691
city = val;});在弹框中的确定容器添加手势，onTap方法中调用onChanged方法，将二级选择器中选中的站点名字作为参数，重绘UI，Navigator.pop关闭弹框。} , ）
Flutter中一些不常用但非常好用的组件
浩浩的代码花园
08-01 211
FittedBox:控制子组件完美的占满父控件空间 SafeArea：异形屏适配利器，可以完美的避开异形屏的边角和iphone的下巴。由于flutter的特性：向上传递尺寸，向下传递约束。如果将safeArea放置过高，会将iphone头部的圆角避开，反而不美观 LayoutBuilder：能够传递父布局传递的尺寸约束 Orintationbuilder:传递横竖屏信息 DefaultTextStyle：规定统一文本样式并向下传递 IconTheme:defaultTextStyle的icon版.
Flutter Widget魔法：构建绚丽界面的秘诀
06-27
Flutter是一个由Google开发的开源移动UI框架，用于创建高性能、高保真的移动应用。它允许开发者用单一的代码库来构建跨平台的应用程序，这意味着使用Flutter可以同时为Android和iOS开发应用，而不需要为每个平台编写...
flutter_widget_from_html：一种Flutter包，用于将html呈现为小部件。 支持IFRAME，VIDEO和许多其他标签
02-03
`flutter_widget_from_html` 是一个专门为Flutter开发者设计的包，它的主要功能是将HTML内容解析并渲染成Flutter的可交互小部件。这个包允许开发者在Flutter应用中展示HTML内容，包括支持IFRAME、VIDEO以及许多其他...
mini_widget:Flutter小零件
03-22
mini_widget Flutter通用组件封装 安装： dependencies : flutter : sdk : flutter mini_widget : ^ 0.2 . 0 使用： import 'package:mini_widget/mini_widget.dart' ; 在里面 MiniWidget . init ( '应用名称'...
Flutter性能优化秘籍：让应用飞起来
最新发布
07-10
Flutter是一个由Google开发的开源移动UI框架，用于构建高效、高性能的iOS和Android应用程序。Flutter使用Dart语言作为开发语言，这是一门简洁、强类型、并且专为客户端应用性能设计的编程语言。 ### Flutter的主要...
date_and_time_picker,在android和ios上的flutter应用程序中显示时间和日期选择器。.zip
09-24
在android和ios上的flutter应用程序中显示时间和日期选择器。
Flutter Channels深度解析：原生交互的桥梁
07-10
Flutter是一个由Google开发的开源移动UI框架，用于构建高效、高性能的iOS和Android应用程序。Flutter使用Dart语言作为开发语言，这是一门简洁、强类型、并且专为客户端应用性能设计的编程语言。 ### Flutter的主要...
Flutter常用组件
qq_44242204的博客
03-05 3778
个人的flutter复习笔记，仅供参考！
flutter CupertinoPicker控件
leo_1993的博客
12-08 636
flutter CupertinoPick
Flutter（1）：常用组件
羽墨灵丘的博客
08-17 1893
flutter 常用组件整理
flutter 中的常用组件
weixin_59424057的博客
06-06 1077
flutter中的常用布局组件：1、Container（）这个组件相当于html中的也是用的最多的；2、Text（）这个组件时用来放文字的，可以通过style来控制文字的大小、粗细、颜色、字体等；3、Row（）横向布局；4、Column（）纵向布局；5、Expanded（）用控制flex布局的站位宽度；6、Scaffold（）这个组件时页面结构框架：7、ListView（）滚动列表；8、slivers（）全家桶；9、......
10 个 Flutter 优秀组件
会煮咖啡的猫咪
05-11 799
今天我们再次讨论关于 UI 和 Widgets 的优秀软件包。所以… … 让我们开始愉快的阅读吧！ 原文 https://tomicriedel.medium.com/10-flutter-tips-season-2-part-5-10-e8152b58935a 正文 Yaru Flutter 支持许多平台，其中包括 Linux。现在，如果你开发了一个漂亮的 Ubuntu 风格的应用程序，它可能会变得复杂。这就是亚鲁存在的原因。这使您能够使用各种各样的组件，从按钮和检查到进度条，而无需编写复杂的代码。.
2024年好用的10个Flutter扩展组件包
jingyi__的博客
05-29 123
每个人都讨厌无聊的加载，甚至更糟的是，当它们根本不存在时，作为用户，您不知道发生了什么。我知道还有其他方法可以做到这一点，甚至不使用包，只是遵循原生方式，但我能说什么，我很懒......该软件包是高度可定制的，允许制作 Android 和 iOS 所需的任何类型的启动画面。通过将 blurhash 集成到您的 Flutter 应用程序中，您可以创建更流畅、更具吸引力的用户体验，从而提高整体用户满意度。我主要使用吐司来通知用户应用程序中发生的事情，例如“您的帖子正在等待批准”或“哦，不，出了什么问题”。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值