Flutter 实现横向滚动
2023-03-15 本文已影响0人
青柠盛夏
效果

在iOS中可以使用UICollectionView 中可以实现横向滚动。在Flutter中可以使用两种方式实现 一是ListView,将scrollDirection设置为horizontal,二是使用SingleChildScrollView + Row的方式。
ListView.builder和ListView(children:[])都可以实现列表滚动,两者的区别在于
ListView构造方法添加children在初始化时就把所有的children都创建出来
ListView.builder并不是初始化时把所有的children都创建出来,而是等用户滚动到了要创建的位置才会创建出来;
方法一 ListView.builder

itemBuilder代码

方法二 SingleChildScrollView + Row
设置 scrollDirection: Axis.horizontal,

over