尝试使用BoxShape.circle，

Container(
        width: 100,
        height: 100,
        decoration: BoxDecoration(
          border: Border.all(width: 3),
          shape: BoxShape.circle,
          // You can use like this way or like the below line
          //borderRadius: new BorderRadius.circular(30.0),
          color: Colors.amber,
        ),
        child:Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('ABC'),
            Text('XYZ'),
            Text('LOL'),
          ],
        ),
      ),

为了实现这一点，我建议使用一个列，然后3个容器，一个为每个圆圈，和一些东西，提请在中间的一部分。

Flutter中的自定义小部件是为应用程序中的小部件可重用性而构建的。Flutter中的自定义小部件可以是多种类型。构建小部件是为了使代码更简洁。它使代码的定制变得简单和容易
//代码

简单按钮自定义小工具

import 'package:flutter/material.dart';
class button extends StatelessWidget {
  button(
      {super.key,
      required this.buttonfun,
      required this.iconData,
      required this.textdata});
  IconData iconData;
  String textdata;
  VoidCallback buttonfun;
  @override
  Widget build(BuildContext context) {
    return ElevatedButton.icon(
        onPressed: buttonfun, icon: Icon(iconData), label: Text(textdata));
  }
}