Flutter：在堆栈中的列内展开行小部件

Question

我有一个 CustomScrollView，在这个小部件里面我有 SliverGrid。 在 SliverGrid 中，我展示了我的自定义小部件：

   return Stack(
      children: [
        Image.asset("assets/icons/folder_icon.png"),
        Positioned(
          top: 30,
          left: 10,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  InkWell(
                    child: Icon(Icons.add),
                    onTap: onTapSync,
                  ),
                  InkWell(
                    child: Icon(Icons.sync),
                    onTap: onTapSync,
                  ),
                ],
              ),
              Text(
                title,
                style: TextStyle(fontSize: 16),
              ),
            ],
          ),
        )
      ],
    )

结果是：

如何根据文件夹图标展开 Row 小部件，以便 2 个图标位于左右文件夹图像中？

我不想在 2 个图标之间使用例如 SizedBox(width: xx) 。 或从列中提取图标。

Answer 1

让我们试试这个：

    Positioned(
      top: 30,
      left: 10,
      right: 0,

      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              InkWell(
                child: Icon(Icons.add),
                onTap: onTapSync,
              ),
              InkWell(
                child: Icon(Icons.sync),
                onTap: onTapSync,
              ),
            ],
          ),
        ],
      ),
    )