为什么我的中心小部件在 Dart 中不起作用？ |扑

编程问答 2022-04-27

问题描述

我试图将所有小部件（2 个图标和文本）居中，但是当我添加中心小部件时（在孩子之前：行我把孩子：中心（下面的代码）），没有任何反应， 0 错误，它只是不起作用。

Container(
        width: 100.0,height: 100.0,decoration: const Boxdecoration(
          color: Colors.white,borderRadius: BorderRadius.all(
            Radius.circular(15),),child: const Icon(
          Icons.outbond_outlined,color: Colors.Amber,size: 50.0,Container(
        width: 220.0,decoration: const Boxdecoration(
          color: Colors.black,child: Row(
          // ignore: prefer_const_literals_to_create_immutables
          children: [
            const Icon(
              Icons.call_end_sharp,size: 30.0,const Text(
              "Skrt",style: TextStyle(
                  color: Colors.white,fontSize: 30.0,fontFamily: "Lato"),const Icon(
              Icons.call_end_sharp,],

解决方法

在您的行中使用 mainAxisAlignment: MainAxisAlignment.center

示例：

Row(
      // ignore: prefer_const_literals_to_create_immutables
      mainAxisAlignment: MainAxisAlignment.center,children: [
        const Icon(
          Icons.call_end_sharp,color: Colors.amber,size: 30.0,),const Text(
          "Skrt",style: TextStyle(
              color: Colors.black,fontSize: 30.0,fontFamily: "Lato"),const Icon(
          Icons.call_end_sharp,],
centercenterdartrowrowwidget