Flutter Widget 之ListWheelScrollView

587 阅读1分钟

ListView很棒! 因为籍此能让使用者浏览或选择屏幕无法一次显示的item。

不过有时候,一般的ListView太过枯燥乏味,好在有ListWheelScrollView。它和ListView基本上是同源的。这widget渲染清单的方式类似于立体的滚筒,使用者不是在平面上滑动而是滚动轮轴

ezgif.com-gif-maker.gif

且这widget的使用方式与一般的ListView同样容易,只需以子项和itemExtent来设置item,此处,itemExtent是用来指定子组件的高度

ListWheelScrollView(
    children: [...],
    itemExtend: 42,
)

ListWheelScrollView还有很多选项,例如调调整滚动组件的直径

ListWheelScrollView(
    children: [...],
    itemExtend: 42,
    diameterRatio: 1.5,
),

image.png

也可设置offAxis滚动

ListWheelScrollView(
    children: [...],
    itemExtend: 42,
    offAxisFraction: -0.5,
),

image.png

或添加magnification属性

ListWheelScrollView(
    children: [...],
    itemExtend: 42,
    useMagnifier: true,
    magnification: 1.5,
),

ezgif.com-gif-maker (1).gif

如果想了解有关ListWheelScrollView的内容,或者关于Flutter的其他功能,请访问flutter.dev

原文翻译自视频:视频地址