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

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) {
  
                                            },
                                        ),

具体可以看看源码