Flutter_Swiper 图片上的文字

Question

我已经开始使用 Flutter Swiper (https://pub.dev/packages/flutter_swiper)，到目前为止它非常强大！

我唯一做不到的就是在图像上叠加文字。这是我的代码，文本显示在图像下方：

            new Swiper(
              outer: false,
              itemBuilder: (BuildContext context, int index) {
                return new Column(
                  children: <Widget>[
                    Column(
                      mainAxisSize: MainAxisSize.min,
                      children: <Widget>[
                        new Container(
                          child: new Container(
                            child: new Image.asset(dateIdeas[index]),
                          ),
                        ),
                        new Text(
                          "test",
                          textAlign: TextAlign.start,
                        ),
                      ],
                    ),
                  ],
                );
              },
              itemCount: dateIdeas.length,
              layout: SwiperLayout.DEFAULT,
              itemHeight: 800,
              itemWidth: 400,
            ),

这会在图像下方显示单词 "Test"，并且文本会随着图像的滑动而移动。但是我不能让文字覆盖在图像上。我尝试添加填充并增加 "bottom" 值来向上移动文本，但它没有移动。令人讨厌的是，当被询问时，它确实会向左、向右和向下移动文本。

有人知道怎么做吗？

Answer 1

使用 Stack

    Swiper(
          outer: false,
          itemBuilder: (BuildContext context, int index) {
            return new Column(
              children: <Widget>[
                Column(
                  mainAxisSize: MainAxisSize.min,
                  children: <Widget>[
                    Stack(
                      children: <Widget>[
                        new Container(
                          child: new Image.asset(dateIdeas[index]),
                        ),
                        new Text(
                          "test",
                          textAlign: TextAlign.start,
                        ),
                      ],
                    )
                  ],
                ),
              ],
            );
          },
          // itemCount: dateIdeas.length,
          // layout: SwiperLayout.DEFAULT,
          itemHeight: 800,
          itemWidth: 400,
        );

Flutter_Swiper 图片上的文字

Flutter_Swiper text over image

flutter

flutter-dependencies