时间戳

首页 > 解决方案 > 如何将文本和图像小部件放在主屏幕中？

flutter - 如何将文本和图像小部件放在主屏幕中？

问题描述

我正在开发一个报价应用程序。所以当我的主屏幕出现时，我想要在背景中显示一个图像。以及该图像前面的一些文本。我设法编写了应用程序栏和主屏幕，但无法将图像和文本小部件堆叠在一起我的有状态小部件类。你们能帮我吗？（我是初学者）

 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: Center(
      child: Image(
        image:AssetImage('Image/soc1.jpg'),
        fit:BoxFit.cover,
        width: double.infinity,
        height: double.infinity,
      ),
      )
      ),
      );
      }
      }

标签： flutterdart

解决方案

您可以尝试Container使用 aDecorationImage和 aText作为孩子：

 return Center(
      child: Container(
        width:250,
        height:250,
        decoration: const BoxDecoration(
          image: DecorationImage(
            image: AssetImage('Image/soc1.jpg'),
            fit: BoxFit.cover,
          ),
        ),
        child:const Text('This is my text over image'),
      ),
    );

推荐阅读