Flutter 卡片内的左形状

Flutter 卡片内的左形状,flutter,flutter-layout,Flutter,Flutter Layout,我正在试着做这张卡片。但我不知道怎么做绿色部分。有什么建议吗? 在一行中创建一个容器,并为其指定装饰框和一些半径,以左上角和左下角为准,第二个子元素作为文本。您可以根据需要修改以下示例代码 Container( child: Row( children: [ Container( decoration: BoxDecoration( color: Colors.green,

我正在试着做这张卡片。但我不知道怎么做绿色部分。有什么建议吗?

在一行中创建一个容器,并为其指定装饰框和一些半径,以左上角和左下角为准,第二个子元素作为文本。您可以根据需要修改以下示例代码

 Container(
          child: Row(
        children: [
          Container(
            decoration: BoxDecoration(
                color: Colors.green,
                borderRadius: BorderRadius.only(
                    topLeft: Radius.circular(5),
                    bottomLeft: Radius.circular(5))),
            height: 20,
            width: 20,
          ),
          Text('data'),
        ],
      )),
这正是我想要的

class NotificationBanner扩展了无状态小部件{
最终半径=圆形半径(10.0);
@凌驾
小部件构建(构建上下文){
返回容器(
孩子:排(
儿童:[
容器(
身高:100,
宽度:8,
装饰:盒子装饰(
颜色:颜色。绿色,
borderRadius:仅限borderRadius(
左上角:半径,
左下角:半径,
),
),
),
扩大(
子:容器(
身高:100,
装饰:盒子装饰(
颜色:kLightBlack,
borderRadius:仅限borderRadius(
右上角:半径,
右下角:半径,
),
),
孩子:填充(
填充:常量边集。对称(水平:20.0),
子对象:对齐(
对齐:alignment.centerLeft,
子:文本(
“一些漂亮的信息”,
溢出:TextOverflow.省略号,
样式:TextStyle(fontSize:20.0),
),
),
)),
),
],
),
);
}
}