Flutter自定义水平滚动视图

zsohkypk  于 2023-11-21  发布在  Flutter
关注(0)|答案(2)|浏览(154)

我已经熟悉Flutter大约一年了,但是我在创建像我提供的图像这样的UI时遇到了挑战。我应该学习什么来创建这样的水平ScrollView组件?谢谢。

[![1](https://i.stack.imgur.com/RJgcE.jpg)](https://i.stack.imgur.com/RJgcE.jpg)
[![2](https://i.stack.imgur.com/74Fnz.jpg)](https://i.stack.imgur.com/74Fnz.jpg)
[![2](https://i.stack.imgur.com/JF5BF.jpg)](https://i.stack.imgur.com/JF5BF.jpg)
Video: https://www.youtube.com/shorts/11v4GptK8eo

字符串
我尝试使用基本水平滚动视图。

ckocjqey

ckocjqey1#

你可以尝试使用flutter_carousel_widget
使用Stack,然后在它的carouselPositioned.filled,其中有第一个索引与空的透明容器。

kh212irz

kh212irz2#

使用标准的ListView构造函数,传入一个水平滚动方向,它覆盖默认的垂直方向。
https://docs.flutter.dev/cookbook/lists/horizontal-list
https://api.flutter.dev/flutter/widgets/CustomScrollView-class.html

相关问题