代码之家  ›  专栏  ›  技术社区  ›  Julien

将两个元素并排放置成一行

  •  0
  • Julien  · 技术社区  · 11 月前

    为了显示我的用户名和编辑它的能力,我想并排放置一个包含用户名和图标按钮的文本进行编辑(或它们之间的空间最小)。然而,当我把这两个元素放在一行中时,Flutter会在它们之间保留一个我无法删除的空间。

    这是我的代码:

    Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        Text(
          "%${userProvider.userAccount?.pseudo}",
          style: Theme.of(context).textTheme.bodyMedium!.copyWith(
            color: themeProvider.isDarkMode
                ? Colors.white
                : Colors.grey,
          ),
        ),
        IconButton(
          padding: EdgeInsets.zero,  
          constraints: BoxConstraints(),  
          onPressed: () {},
          icon: Icon(Icons.edit, size: 15),
        ),
      ],
    )
    

    ResultsImage

    是否有解决方案可以删除或控制代码中的此空间?

    1 回复  |  直到 11 月前
        1
  •  0
  •   Ali Mohamed    11 月前

    您可以通过更改 IconButton 到a InkWell 小装置。您可以这样做:

    InkWell(
      onTap: () {
        // Add your onTap functionality here
      },
      child: Icon(Icons.edit, size: 15),
    )