美文网首页
Flutter 实现横向滚动

Flutter 实现横向滚动

作者: 青柠盛夏 | 来源:发表于2023-03-15 11:25 被阅读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

相关文章

网友评论

      本文标题:Flutter 实现横向滚动

      本文链接:https://www.haomeiwen.com/subject/xjllrdtx.html