Flutter 如何将标题卡添加到颤振卡

Flutter 如何将标题卡添加到颤振卡,flutter,material-design,flutter-layout,Flutter,Material Design,Flutter Layout,我正在尝试添加一个标题卡,该标题卡将显示在颤振卡的左上边缘,到目前为止,我还无法实现这一点 对于flifter来说是新手,我不知道有一个堆栈小部件。解决方案是将两张卡堆叠在已定位的小部件中 class SummaryCard extends StatelessWidget { @override Widget build(BuildContext context) { return Stack( children: <Widget>[ Po

我正在尝试添加一个标题卡,该标题卡将显示在颤振卡的左上边缘,到目前为止,我还无法实现这一点

对于flifter来说是新手,我不知道有一个堆栈小部件。解决方案是将两张卡堆叠在已定位的小部件中

class SummaryCard extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Positioned(
          left: 0,
          top: 40,
          height: 200,
          width: 350,
          child: Card(
            color: Colors.blue,
            shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(20)
            ),
          ),
        ),
        Positioned(
          left: 20,
          top: 0,
          height: 100,
          width: 100,
          child: Card(
            color: Colors.green,
            elevation: 10.0,
            shape: RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(20)
            ),
          ),
        ),
      ],
    );
  }
}
class SummaryCard扩展了无状态小部件{
@凌驾
小部件构建(构建上下文){
返回堆栈(
儿童:[
定位(
左:0,,
前40名,
身高:200,
宽度:350,
孩子:卡片(
颜色:颜色,蓝色,
形状:圆形矩形边框(
边界半径:边界半径。圆形(20)
),
),
),
定位(
左:20,,
排名:0,
身高:100,
宽度:100,
孩子:卡片(
颜色:颜色。绿色,
标高:10.0,
形状:圆形矩形边框(
边界半径:边界半径。圆形(20)
),
),
),
],
);
}
}

您需要使用Align小部件包装标题卡

以下是完整的代码:

class Cards extends StatefulWidget {


@override
  _CardsState createState() => _CardsState();
}

class _CardsState extends State<Cards> {
  @override
  Widget build(BuildContext context) {
    return Container(
      height: 200,
      width: 200,
      child: Card(
        elevation: 20,
        child: Align(
          alignment: Alignment.topLeft,
          child: Container(
            width:100,
            height: 60,
            child: Card(
              elevation: 10,
              child: Text("header"),
            ),
          ),
        ),
      ),
    );
  }
}
类卡扩展StatefulWidget{
@凌驾
_CardsState createState()=>\u CardsState();
}
类_CardsState扩展状态{
@凌驾
小部件构建(构建上下文){
返回容器(
身高:200,
宽度:200,
孩子:卡片(
海拔:20,
子对象:对齐(
对齐:alignment.topLeft,
子:容器(
宽度:100,
身高:60,
孩子:卡片(
标高:10,
子项:文本(“标题”),
),
),
),
),
);
}
}
容器仅用于控制高度和宽度

下面是一个屏幕截图:

您的解决方案将第二张卡添加到父卡的边界内,这与我所要查找的不完全相同。因此,您可以更精确一些吗?因此,我可以为您创建代码根据我的图像,您希望更改什么?