颤动:如何在颤动中获得圆形容器?

时间:2020-09-18 07:42:05

标签: flutter

我是新手,我想做一个圆形容器。我已经做到了,但是我不知道如何调整值以适应它。有更好的解决方案吗?预先感谢。

Widget Cube() {
  return Container(
    width: 70, height: 70,
    child: Container(
      width: 64, height: 64,
      decoration: BoxDecoration(
        color: CalendarColor.blue,
        borderRadius: BorderRadius.all(
          Radius.circular(32),
        )
      ),
    ),
  );
}

我想要的就是这样。 enter image description here

3 个答案:

答案 0 :(得分:1)

Container(
  decoration: BoxDecoration(
    shape: BoxShape.circle //This will make container round
  )
)

答案 1 :(得分:1)

有更好的解决方案吗?

FoatingActionButton怎么样?

FloatingActionButton(
                backgroundColor: Colors.blue,
                elevation: 0.0,
                child: Text("15", style: TextStyle(color: Colors.white)),
                onPressed: () {})

答案 2 :(得分:1)

您还可以将RawMaterialButton用于更多类似这样的选项:

RawMaterialButton(
      elevation: 2.0,
      fillColor:  Colors.black,
      shape: CircleBorder(),
      onPressed: () {});
      },
    )