如何在Flutter中水平滚动全屏图像

a0x5cqrl  于 2023-05-19  发布在  Flutter
关注(0)|答案(1)|浏览(183)

我会滚动全屏幕图像在Flutter,但我有一个问题,当我使用BoxDecoration内ListView

ListView(
  scrollDirection: Axis.horizontal,
  children: <Widget>[
    Container(
      decoration: BoxDecoration(
        image: DecorationImage(
          image: AssetImage('assets/fav.JPG'),
          fit: BoxFit.fitHeight,
        ),
      ),
    ),
    Container(
      decoration: BoxDecoration(
        image: DecorationImage(
          image: AssetImage('assets/fav.JPG'),
          fit: BoxFit.fitHeight,
        ),
      ),
    ),
  ],
)

实际上我收到的是一张空白页。我们的想法是做一些像Netflix通过点击“预览”。
谢谢

uidvcgyl

uidvcgyl1#

这里的问题是,您可能会在列表项上获得未定义的宽度。由于ListView方向是水平的,因此需要定义其List项的宽度。一种方法是使用LayoutBuilderMediaQuery获取屏幕宽度,然后在Container上设置宽度。

相关问题