我是MS Stack中的一个Web开发人员,正在尝试为我的一个个人项目flutter。我想在Meeve应用程序中创建一个类似以下URL的布局,圆形图像的文本位于图像按钮/图标的下方。
https://www.thedroidsonroids.com/blog/apps-made-with-flutter#meeve
我尝试了下面关于flutter docs的例子中给出的布局,但它不是我要找的,我不能为我的案例重新使用它。https://flutter.dev/docs/cookbook/lists/grid-lists
在此方面的任何线索都将不胜感激。

最佳答案

flutter -  flutter 布局与圆形图像图标-LMLPHP
您可以在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"),
        ],
      ),
    ),
  );
}

关于flutter - flutter 布局与圆形图像图标,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/56372970/

10-12 01:41
查看更多