Flutter 如何将Text文本叠加显示在Carousel Slider组件上层

你的代码无法实现文本叠加效果，核心问题有3个：

• Stack和承载CarouselSlider的Container是ListView下的平级组件，Stack没有包裹轮播组件，根本不构成层叠关系。
• Stack的渲染规则是先声明的子组件在下层，后声明的子组件在上层，你当前Stack内只放了Text组件，没有放入轮播组件作为底层，逻辑完全不成立。
• 你写的Positioned没有配置top/bottom/left/right这类定位参数，无法精确控制文本的浮动位置。

将轮播组件移入Stack作为底层子项，再把需要浮动的Text用Positioned包裹，放在轮播组件的后面（即上层），通过定位参数调整文本位置即可。
修正后的核心代码如下：

body: ListView(
  shrinkWrap: true,
  children: [
    Stack(
      alignment: Alignment.center,
      children: [
        // 底层：轮播组件
        Container(
          height: 150,
          width: double.infinity,
          color: HexColor("ffa400"),
          child: CarouselSlider.builder(
            options: CarouselOptions(
                height: 140,
                autoPlay: true,
                viewportFraction: 0.8,
                enlargeCenterPage: true,
                onPageChanged: (index, reason) {
                  setState(() {
                    activeIndex = index;
                  });
                }),
            itemCount: firstImages.length,
            itemBuilder: (context, index, realIndex) {
              final firstImage = firstImages[index];
              return Column(
                children: [
                  Expanded(child: buildImage(firstImage, index)),
                  buildIndicator(),
                ],
              );
            },
          ),
        ),
        // 上层：浮动文本，通过Positioned参数调整位置
        Positioned(
          top: 10, // 距离Stack顶部10px，可按需修改为bottom/left/right调整位置
          child: Text(
            'TOP OFFERS / DISCOUNT',
            style: TextStyle(
              color: Colors.white,
              fontWeight: FontWeight.bold,
              fontSize: 16,
            ),
          ),
        )
      ],
    ),
    // 其余ListView子组件正常追加即可
  ],
)

注意：如果发现文本被轮播内容遮挡，优先检查Stack内子组件的书写顺序，确保浮动文本放在轮播组件的后面。

内容的提问来源于stack exchange，提问作者Samson