如何在Flutter中制作一个小的圆形矩形

时间:2019-01-17 21:52:12

标签: dart flutter

我的小部件的红色矩形中心太大,无法响应宽度和高度参数。

我已经更新了flutter和android studio。我先从一个圆形的容器开始,然后使用一个扁平按钮并给它一个形状。但是当它变成矩形时,它的大小与它调整大小的圆大小相同。_isRecord是一个布尔值,当按下按钮时会进行切换。

return Container(
  width: 80.0,
  height: 80.0,
  child: Container(
    child: FlatButton(
      onPressed: _press,
     ),
    decoration: new BoxDecoration(
      color: Colors.red,
      shape: _isRecording ? BoxShape.rectangle : BoxShape.circle,
      borderRadius: _isRecording ? BorderRadius.all(Radius.circular(8.0)) : null,
    ),
  ),
  decoration: new BoxDecoration(
    color: Colors.black,
    shape: BoxShape.circle,
    border: Border.all(width: 5.0, color: Colors.white),
  ),
);

它的外观和功能应类似于“语音备忘录”的录制按钮。它应该是带有红色中心的白色圆圈笔触,按下时会变成一个较小的圆角矩形。

1 个答案:

答案 0 :(得分:1)

您可以在verifyIdTokenAsync()

中使用小部件

考试:

Padding