Flutter 炫酷 车轮动效weight ListWheelScrollView

Posted 2021-08-31 安果移不动

  @override
  Widget build(BuildContext context) {
    return Container(
      child: ListWheelScrollView(
        //高度
        itemExtent: 150,
        //ListWheelScrollView的渲染效果类似车轮，设置diameterRatio调整其直径属性：
        diameterRatio: 1,
        //perspective属性表示圆柱投影透视图，类似OpenGLES中透视投影，理解为看圆柱的距离，为0时表示从无限远处看，1表示从无限近处看，值的范围(0,0.01]，注意是左开右闭区间，默认值是0.003，值越大，渲染效果越圆，用法如下：
        perspective: 0.003,
        // 性表示车轮水平偏离中心的程度，用法如下
        offAxisFraction: 0,
        //通过useMagnifier和magnification属性实现放大镜效果，useMagnifier是否启用放大镜，magnification属性是放大倍率，用法如下：
        useMagnifier: false,
        magnification: 1.5,
        squeeze: 1,
        children: mAdList.map<Widget>((e) {
          return Container(
            color: Colors.red,
            width: 100,
            height: 100,
          );
        }).toList(),
      ),
    );
  }