透明背景颤振PageView

Question

我正在尝试使用PageView小部件。我把PageView放在一个Column中，这样它只能占屏幕高度的50%。

现在的问题是，我在PageView下面有一个页面的图像背景，我需要它有一个透明的背景，这样用户就可以在PageView下看到图像背景。

我试图将子容器的背景设置为Colors.transparent，但由于容器本身不透明，它无法工作。

页面浏览：：生成

@override
  Widget build(BuildContext context) {
    return PageView.builder(
      controller: pageController,
      itemBuilder: (context, index) {
        return Container(
            color: Colors.transparent,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: <Widget>[
                TrackAvatar(imageUrl: _list[index].url),
                Text(_list[index].name),
              ],
            ));
      },
      itemCount: 5,
    );
  }

如何使PageView 小部件透明？

Answer 1

PageView支持透明的背景，不需要任何解决办法。

问题是，我在一个背景颜色设置为白色的PageView中使用了Scaffold。

将脚手架背景改为透明背景解决了这一问题。

@override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.transparent,
      body: PageView.builder(
        controller: pageController,
        itemBuilder: (context, index) {
          return Container(
              color: Colors.transparent,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: <Widget>[
                  TrackAvatar(imageUrl: _list[index].url),
                  Text(_list[index].name),
                ],
              ));
        },
        itemCount: 5,
      )
    );
  }

感谢那些试图帮助的人