在颤动中具有圆形背景的文本小部件

Sum*_*kla 2 flutter flutter-layout

在此处输入图片说明

如何在Text小部件中获得这种类型的圆形背景?

Cop*_*oad 7

截屏:

在此输入图像描述


您还可以使用ClipOval

ClipOval(
  child: Container(
    color: Colors.grey,
    padding: EdgeInsets.symmetric(horizontal: 30),
    child: Text(
      "B",
      style: TextStyle(color: Colors.black, fontSize: 90),
    ),
  ),
)
Run Code Online (Sandbox Code Playgroud)


Sed*_*ush 5

你可以通过

      CircleAvatar(
          backgroundColor: Colors.grey,
          child: Center(
            child: Text(
              "B",
              style: TextStyle(color: Colors.black),
            ),
          ),
        )
Run Code Online (Sandbox Code Playgroud)