17.listView垂直方向滚动

2020-06-10  本文已影响0人  凯司机

我们可以通过设置 scrollDirection 参数来控制视图的滚动方向。

我们通过下面的代码实现一个水平滚动的内容:

这里需要注意,我们需要给Container设置width,否则它是没有宽度的,就不能正常显示。

或者我们也可以给ListView设置一个itemExtent,该属性会设置滚动方向上每个item所占据的宽度。

classMyHomeBodyextendsStatelessWidget{

  @override

  Widget build(BuildContext context) {

    return ListView(

      scrollDirection: Axis.horizontal,

      itemExtent: 200,

      children: <Widget>[

        Container(color: Colors.red, width: 200),

        Container(color: Colors.green, width: 200),

        Container(color: Colors.blue, width: 200),

        Container(color: Colors.purple, width: 200),

        Container(color: Colors.orange, width: 200),

      ],

    );

  }

}

上一篇下一篇

猜你喜欢

热点阅读