在 Flutter 中的 Row 小部件中呈现 CheckboxListTile 小部件时出错

Question

所以我有以下代码：

            Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  CheckboxListTile(
                    title: Text("helo"),
                    controlAffinity: ListTileControlAffinity.leading,
                    value: true,
                    onChanged: null,

                  ),
                  Text(
                    "Forgot Password?",
                    style: TextStyle(color: Colors.blueGrey),
                  )
                ],
              ),

我的目标是创建一个“记住我”复选框和“忘记密码？” 连续。

当我运行此代码时，出现以下错误：

RenderBox was not laid out: RenderMergeSemantics#19dcc relayoutBoundary=up8 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1785 pos 12: 'hasSize'
The relevant error-causing widget was Row lib\main.dart:106
═══════════════════════════════════════════════════════════════════════════════

════════ Exception caught by rendering library ═════════════════════════════════ 
RenderBox was not laid out:
_RenderColoredBox#cd072 relayoutBoundary=up14 
'package:flutter/src/rendering/box.dart':
Failed assertion: line 1785 pos 12: 'hasSize'
The relevant error-causing widget was CheckboxListTile

有没有一种方法可以让我在“记住我”复选框和“忘记密码”的地方获得我想要的 output？ 在一排？

另外，当前代码有什么问题？

Answer 1

将CheckboxListTile包装在Expanded小部件中，如下所示：

Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      Expanded(
        child: CheckboxListTile(
          title: Text("helo"),
          controlAffinity: ListTileControlAffinity.leading,
          value: true,
          onChanged: null,

        ),
      ),
      Text(
        "Forgot Password?",
        style: TextStyle(color: Colors.blueGrey),
      )
    ],
  ),