Flutter 中的 WRAP 小部件内的复选框和文本未显示在同一水平线上

Question

我在登录屏幕中使用 Row() 小部件内的以下代码创建了“记住密码”UI：

                 Wrap(
                      alignment: WrapAlignment.center,
                      children: [
                        Checkbox(
                          checkColor: Colors.white,
                          value: isChecked,
                          onChanged: (bool? value) {
                            setState(() {
                              isChecked = value!;
                            });
                          },
                        ),
                        Text(
                          "remember_me",
                          style: theme.textTheme.bodySmall,
                        ).tr()
                      ],
                    ),

但问题是复选框在中心看起来不错，但复选框右侧的文本下方有一些空间，而且看起来有点向上，而且不是垂直位于中心。

可能是什么问题或者如何使“记住我”文本垂直居中？

Answer 1

只需添加 Wrap Widget 的一个属性即可，

 Wrap(
     ...      
    crossAxisAlignment: WrapCrossAlignment.center,
     ...

Answer 2

你可以试试这个代码：

 Wrap(
  crossAxisAlignment: WrapCrossAlignment.center,
                          children: [
                            Checkbox(
                              checkColor: Colors.white,
                              value: isChecked,
                              onChanged: (bool? value) {
                                setState(() {
                                  isChecked = value!;
                                });
                              },
                            ),
                            Text(
                              "remember_me",
                              style: theme.textTheme.bodySmall,
                            ).tr()
                          ],
                        ),