Flutter 颤振：图像按钮已圈出

我想在屏幕上集中3个图像按钮，一个在另一个上面，每个按钮下面都有一个on按钮，这是我的开始代码

class Escolha extends StatelessWidget {
 @override
  Widget build(BuildContext context) {
   return MaterialApp(     
  home: Scaffold(
    appBar: AppBar(         
    ),
    body: Material(          
     elevation: 4.0,
       shape: CircleBorder(),
      color: Colors.transparent, 
       child: Ink.image(
        image: AssetImage('assets/logotipo.png'),
         fit: BoxFit.cover,
          width: 100.0,
           height: 120.0,
            child: InkWell(
               )    
                 )  
                   )
                ),
              );
           }
         }

---

我已经制作了你在链接中提到的图像的UI。这是工作代码

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.black,
      child: Center(
        child: Row(
          children: <Widget>[
            Expanded(
              flex: 2,
              child: Container(
                height: 2.0,
                color: Colors.greenAccent,
              ),
            ),
            Expanded(flex: 2, child: Image.asset("assets/four.png"),),
            Expanded(
              flex: 1,
              child: Container(
                height: 2.0,
                color: Colors.greenAccent,
              ),
            ),
            Expanded(flex: 2, child: Image.asset("assets/three.png"),),
            Expanded(
              flex: 1,
              child: Container(
                height: 2.0,
                color: Colors.greenAccent,
              ),
            ),
            Expanded(flex: 2, child: Image.asset("assets/two.png"),),
            Expanded(
              flex: 1,
              child: Container(
                height: 2.0,
                color: Colors.greenAccent,
              ),
            ),
            Expanded(flex: 2, child: Image.asset("assets/one.png"),),
            Expanded(
              flex: 2,
              child: Container(
                height: 2.0,
                color: Colors.greenAccent,
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class\u HomePageState扩展状态{
@凌驾
小部件构建（构建上下文）{
返回容器(
颜色：颜色，黑色，
儿童：中心(
孩子：排(
儿童：[
扩大(
弹性：2，
子：容器(
身高：2.0，
颜色：Colors.greenAccent，
),
),
扩展（flex:2，子项：Image.asset（“assets/four.png”），），
扩大(
弹性：1，
子：容器(
身高：2.0，
颜色：Colors.greenAccent，
),
),
扩展（flex:2，子项：Image.asset（“assets/three.png”），），
扩大(
弹性：1，
子：容器(
身高：2.0，
颜色：Colors.greenAccent，
),
),
扩展（flex:2，子项：Image.asset（“assets/two.png”），），
扩大(
弹性：1，
子：容器(
身高：2.0，
颜色：Colors.greenAccent，
),
),
扩展（flex:2，子项：Image.asset（“assets/one.png”），），
扩大(
弹性：2，
子：容器(
身高：2.0，
颜色：Colors.greenAccent，
),
),
],
),
),
);
}
}

这是输出

---

你也可以分享你想要实现的截图吗？谢谢你回复CopsOnRoad我没有截图，我想象一个简单的圆形图像（其中3个），一个在屏幕中央，一个在另一个上面，带有按下的链接。很抱歉，很难确切知道你需要什么。如果可能的话，你可以在一张纸上画画，并在这里分享图片。我会尽我最大的努力去实现它。我发现了一张有用的图片，请看主题顶部的图片链接！这就是你想要的吗？我应该把绘图的代码放进去吗？非常感谢CopsOnRoad。很高兴听到这个消息，你可以用

IconButton

替换图像。为了简单起见，我使用了

Image.Asset

。