Flutter 如何在容器中移动图标按钮

发布于04月27日

这是我的容器.我想将复制按钮向右移动.我该怎么办？这是我的代码.

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

我跳过了容器的装饰.

推荐答案

您只需强制文本分配行的剩余空间:通过设置fit: FlexFit.tight，使灵活小部件等于Expanded小部件

Container(
        padding: EdgeInsets.symmetric(horizontal: 15),
        child: Row(children: [
          Flexible(
            fit: FlexFit.tight,
            child: Text(
              "",
            ),
          ),
          IconButton(
            onPressed: () {},
            icon: const Icon(
              Icons.copy,
            ),
          ),
        ]),
      )

注:SizedBox已被填充取代.

或者，您可以在文本和图标按钮之间放置间隔符:

  Text(
            "",
          ),
          Spacer(),
          IconButton(
            onPressed: () {},
            icon: const Icon(
              Icons.copy,
            ),
          ),

或将Row的mainAxisAlignment设置为spaceBetween.

 Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
          Text(
            "",
          ),
         
          IconButton(
            onPressed: () {},
            icon: const Icon(
              Icons.copy,
            ),
          ),
        ]),

希望对你有帮助.