小编Tot*_*Jet的帖子

如何在 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),
  ),
);
Run Code Online (Sandbox Code Playgroud)

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

dart flutter

9
推荐指数
1
解决办法
4万
查看次数

标签 统计

dart ×1

flutter ×1