覆盖一个小部件 flutter

Question

我正在使用 flutter 编写应用程序。 我的问题是我必须用这样的卡片覆盖一个容器：

图片

我不知道如何用文本食物覆盖小部件。

更新：

我尝试使用下面的代码，但没有得到我想要的结果。

class _ProductsScreenState extends State<ProductsScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: kBackgroundColor,
      body: Stack(
        children: [
          SafeArea(
            child: Column(
              children: [
                TextNameApp(),
                ContainerCard(
                  child: Column(
                    children: [
                      Positioned(
                        child: Container(
                          alignment: Alignment.topCenter,
                          padding: EdgeInsets.only(right: 20.0, left: 20.0),
                          child: Container(
                            height: 100.0,
                            width: 250.0,
                            child: Card(
                              color: Colors.white,
                              shape: RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(45.0),
                              ),
                              elevation: 4.0,
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

容器卡是我创建的一个小部件。 拥有同一个容器的function。

这就是小部件现在的样子

Answer 1

使用Stack Widget，这里有更多信息。