flutter 如何用图标按钮垂直对齐文本?

tzcvj98z  于 2023-06-30  发布在  Flutter
关注(0)|答案(1)|浏览(143)

我想在DrawerHeader中垂直对齐文本和按钮,如下所示:

这是我的代码:

DrawerHeader(
  child: Column(
    mainAxisAlignment: MainAxisAlignment.start,
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      IconButton(
        onPressed: () {},
        icon: const Icon(Iconsax.arrow_left_2),
      ),
      Text(
        'Welcome',
        style: kH3TitleStyle.copyWith(
          color: AppColors.primaryColor,
        ),
      ),
      Text(
        userBox!.get(UserBoxStrings.userName),
        style: kH3TitleStyle.copyWith(
          color: Colors.black,
        ),
      )
    ],
  ),
),

问题是由于图标按钮的宽度,我无法垂直对齐TextIconButton,我得到了这样的东西:

e4eetjau

e4eetjau1#

材质图标按钮具有默认填充。您需要使用padding来删除填充:EdgeInsets.zero就像这样。

IconButton(
    padding: EdgeInsets.zero,
)

相关问题