颤振布局与圆形图像图标

Question

我是一名MS堆栈中的Web开发人员，为我的个人项目而颤抖。我想在meeve应用程序中使用以下URL创建一个布局，其中圆形图像的图像按钮/图标下方有文字。 https://www.thedroidsonroids.com/blog/apps-made-with-flutter#meeve 我在下面的flutter docs上尝试了示例中给出的布局，但这不是我想要的，因此我无法针对我的情况重新设计此布局。 https://flutter.dev/docs/cookbook/lists/grid-lists

在这方面的任何领先者都会受到赞赏。

Answer 1

---

您可以在CircleAvatar中使用Column。

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          CircleAvatar(backgroundImage: AssetImage("assets/images/chocolate_pic.png"), radius: 40),
          SizedBox(height: 12),
          Text("Chocolate"),
        ],
      ),
    ),
  );
}