扑中带有圆形背景的文本小部件

Question

如何在Text小部件中获得这种圆形背景？

Answer 1

您可以通过

实现

npx react-native run-android

Answer 2

截屏：

---

您也可以使用ClipOval

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

Answer 3

只需使用FAB：

 floatingActionButton: FloatingActionButton(
    backgroundColor: Colors.grey,
    child: Text(
      "A",
      style: TextStyle(
        fontSize: 20,
        fontStyle: FontStyle.italic,
      ),
    ),
  )