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

上一篇 下一篇

猜你喜欢

热点阅读