如何移动容器中的图标按钮？

Question

　

这是我的容器。我想将复制按钮移到右侧。我能怎么做？ 这是我的代码。

Container(
            child: Row(
              children: [
                const SizedBox(
                  width: 10,
                ),
                Flexible(
                  child: Text(
                      "",
                  ),
                ),
                  child: IconButton(
                    onPressed: setClipboard,
                    icon: const Icon(
                      Icons.copy,
                    ),
                  ),
                const SizedBox(
                  width: 15,
                ),
              ],
            ),
          ),

我跳过了容器的装饰。

Answer 1

有多种方法可以实现这一目标，

Container(
  width: double.infinity,
  decoration: BoxDecoration(
    border: Border.all(),
      borderRadius: BorderRadius.circular(8.r),
    ),
    alignment: Alignment.centerRight,
    child: IconButton(
      icon: const Icon(Icons.copy_outlined),
      onPressed: () {},
    ),
 ),

这里，你必须给容器宽度 double.infinity 所以 它可以捕获整个宽度。然后给容器对齐 centerRight，这样它就可以从右对齐它的子元素。和 你实现了你的目标

另一种使用 row 的方法，

        Container(
          decoration: BoxDecoration(
            border: Border.all(),
            borderRadius: BorderRadius.circular(8.r),
          ),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.end,
            children: [
              const Flexible(
                child: Text(
                  "Copy",
                ),
              ),
              IconButton(
                icon: const Icon(Icons.copy_outlined),
                onPressed: () {},
              ),
            ],
          ),
        ),

在这里，在容器内给出具有 mainAxisAlignment 属性的行 MainAxisAlignment.end 从右对齐其子项，并且您 实现你的目标。

我希望这能解决您的问题，并且您可以了解整体流程。