如何在Flutter中具有圆角矩形

时间:2019-08-18 17:27:32

标签: flutter dart

我想要一个“有点”大的圆角矩形,如何实现?

我已经尝试使用BoxDecoration之类的东西,但都没有用。

1 个答案:

答案 0 :(得分:0)

您已经拥有了,只需增加半径,宽度和高度值。

@override
Widget build(BuildContext build) {
  return Align(
    alignment: Alignment(0.0, 0.0),
    child: SizedBox(
      width: 360.0,
      height: 250.0,
      child: ClipRRect(
        borderRadius: BorderRadius.circular(36.0),
        child: Container(
          decoration: BoxDecoration(
            color: Colors.white,
            boxShadow: [
              BoxShadow(color: Colors.black12, offset: Offset(3.0, 6.0), blurRadius: 10.0),
            ],
          ),
        ),
      ),
    ),
  );
}

输出:

enter image description here