flutter 自定义类时间拨动选择插件 ListWheelScrollView居中

Posted 飞翔的熊blabla

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flutter 自定义类时间拨动选择插件 ListWheelScrollView居中相关的知识,希望对你有一定的参考价值。

flutter 官方给的ListWheelScrollView 组件就是专门用于此类场景的

效果:

4个可上下拨动list

单个拨动组件代码
...
//声明Controller
FixedExtentScrollController hourScrollController;
...
 
...
//赋值初始值
  @override
  void initState() {
    super.initState();
 
    hourScrollController = FixedExtentScrollController(initialItem:0);
 
 
  }
...
 
 
 
 
ListWheelScrollView(
                                          controller:hourScrollController,
                                          itemExtent: ScreenUtil.instance.setHeight(60),
                                          physics: FixedExtentScrollPhysics(
                                            parent: BouncingScrollPhysics(),
                                          ),
                                          children: hours.map((item) {
                                            return Container(
                                              height: ScreenUtil.instance.setHeight(46),
                                              alignment: Alignment.center,
                                              child: Text(
                                                '$item'+'时',
                                                style: TextStyleConstant().normal_2_20,//自定义style
                                              ),
                                            );
                                          }).toList(),
                                          onSelectedItemChanged: (index) {
  
                                            },
                                        ),
具体可以看看源码 
————————————————
版权声明:本文为CSDN博主「天渺工作室」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/sinat_37255207/article/details/105967900

以上是关于flutter 自定义类时间拨动选择插件 ListWheelScrollView居中的主要内容,如果未能解决你的问题,请参考以下文章

flutter扫码插件,支持自定义

两个 Flutter 插件的通用接口

Flutter - 播放自定义声音更新了吗?

iPhone 垂直拨动开关

如何覆盖 Flutter 中的 Checkbox 小部件类?

在 List 中创建 List 的第一个元素 - Flutter、Dart