flutter - 颤振对齐

Question

我对颤振开发很陌生。目前正在学习行、列、扩展 UI 的东西。我希望该行以这种方式显示我需要实现的行图像，这就是我目前得到的代码输出，这是我的代码：`

Widget drawerTiles(String tileIcon, String tileText, IconData tileRightIcon) {
    return Padding(
      padding: const EdgeInsets.only(top: 20, left: 16, right: 32.0),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          CircleAvatar(
            radius: 14,
            backgroundColor: Hexcolor('#0565ac'),
            child: Padding(
              padding: EdgeInsets.all(0),
              child: SvgPicture.asset(
                tileIcon,
                color: Colors.white,
              ),
            ),
          ),
          Text(
            tileText,
            style: TextStyle(
                fontSize: 12, fontWeight: FontWeight.w600, color: Colors.black),
          ),
          Icon(tileRightIcon)
        ],
      ),
    );
  }

`

如您所见，它是一个自定义小部件，我正在为其传递必要的参数。问题可能与对齐有关。我该如何解决这个问题？

标签： flutterflutter-layout

Answer 1

您可以使用 ListTile 小部件轻松实现这一目标

ListTile 小部件