Flutter开发如何在主屏幕中将Text和Image Widget叠加展示？

Flutter中实现多组件堆叠效果直接使用Stack组件即可，Stack会按子组件的编写顺序自下而上堆叠展示，先声明的组件在底层，后声明的组件在上层。
你只需要将原代码中Scaffold的body部分替换为Stack结构即可，修改后的完整代码如下：

class OverviewScreen extends StatefulWidget {
  @override
  _OverviewScreenState createState() => _OverviewScreenState();
}

class _OverviewScreenState extends State<OverviewScreen> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        extendBodyBehindAppBar: true,
        appBar: AppBar(
          title: Text(
            "Hu   R   Rehman",
            style: TextStyle(fontFamily: "MonteCarlo"),
          ),
          centerTitle: true,
          leading: Icon(Icons.menu),
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.vertical(bottom: Radius.circular(16))
          ),
          backgroundColor: Colors.transparent,
          elevation: 0,
        ),
        body: Stack(
          fit: StackFit.expand,
          children: [
            // 底层背景图片
            Image(
              image: AssetImage('Image/soc1.jpg'),
              fit: BoxFit.cover,
              width: double.infinity,
              height: double.infinity,
            ),
            // 上层堆叠的名言文本
            Center(
              child: Text(
                "这里替换为你要展示的名言语录内容",
                style: TextStyle(
                  fontSize: 26,
                  color: Colors.white,
                  // 添加文字阴影提升深色背景下的可读性
                  shadows: [
                    Shadow(
                      blurRadius: 8,
                      color: Colors.black54,
                      offset: Offset(1.5, 1.5)
                    )
                  ]
                ),
                textAlign: TextAlign.center,
              ),
            )
          ],
        )
      ),
    );
  }
}

注意事项 #

• 请先确认你的pubspec.yaml文件中已经正确配置了assets资源路径，否则会出现资源加载失败的报错
• 如果文本内容较长，可以在Text外层套Padding组件避免文字紧贴屏幕边缘
• 如果需要自定义文本的显示位置，可以将Text外层替换为Positioned组件，通过top/bottom/left/right参数自由控制摆放位置

内容的提问来源于stack exchange，提问作者Sultan ul Arefin