如何使图像在颤动中居中

Question

您好，我正在尝试将图像居中放置在应用程序中，但我没有得到它。 我在做什么错？我如何集中这些图像？

---

InkWell(
    child: new Padding(
      padding: EdgeInsets.only(top: 50),
      child: snapshot.data.Facebook != ""
          ? Row(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Align(
                  alignment: Alignment.bottomCenter,
                  child: Image.asset(
                    "assets/images/facebook.png",
                    height: 30,
                  ),
                ),
              ],
            )
          : Row(
              children: <Widget>[],
            ),
    ),
    onTap: () async {
      if (await canLaunch(snapshot.data.Facebook)) {
        await launch(snapshot.data.Facebook);
      } else {
        throw 'erro ao tentar acessar o facebook do(a) $snapshot.data.Nome';
      }
    }),

我在这里停了下来

Answer 1

像这样设置图像属性

Row(
    mainAxisAlignment: MainAxisAlignment.center,
  image:DecorationImage(
     fit:BoxFit.fill
     image: AssetImage("images/Ani.png"),
 )
);

Answer 2

1. 使用mainAxisAlignment将其子对象与center，spaceAround，spaceBetween等对齐。

和mainAxisSize提供mainAxis的大小。

 InkWell(  
    child: new Padding(  
     padding: EdgeInsets.only(top: 50),  
      child: snapshot.data.Facebook != ""          
      ?      
        Row(
          mainAxisAlignment : MainAxisAlignment.center,
          mainAxisSize: MainAxisSize.max,
          children: <Widget>[
            Align(
              alignment: Alignment.bottomCenter,
              child: Image.asset(
                "assets/images/facebook.png",
                height: 30,
              ),
            ),
          ],
        )
      : Row(
          children: <Widget>[],
        ),
),
onTap: () async {
  if (await canLaunch(snapshot.data.Facebook)) {
    await launch(snapshot.data.Facebook);
  } else {
    throw 'erro ao tentar acessar o facebook do(a) $snapshot.data.Nome';
  }
}),

Answer 3

要使“行”窗口小部件中的窗口小部件居中对齐，可以使用mainAxisAlignment属性并将其设置为MainAxisAlignment.center。

这是您的代码段中的一个示例

Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      Image.asset("assets/images/facebook.png", height: 30),
      Image.asset("assets/images/instagram.png", height: 30),
      Image.asset("assets/images/linkedin.png", height: 30)
    ],
    ));