android - flutter/Dart ，开关 : Another exception was thrown: A RenderFlex overflowed by 99640 pixels on the right

Question

我目前正在尝试向我的 android 应用程序的设置页面添加一个开关。但是，当我添加代码并尝试在模拟器上查看它时，它会抛出以下错误:

Another exception was thrown: A RenderFlex overflowed by 99640 pixels on the right.

代码:

Container(
  decoration: BoxDecoration (
    color: Colors.white,
    border: Border(
      bottom: BorderSide(width: 1.0, color: Colors.grey)
    ),
  ),
  constraints: BoxConstraints (
    maxHeight: ((width * ratio) * 0.1),
    minWidth: width,
    maxWidth: width,
  ),
  child: Row(
    children: <Widget>[
      Expanded(
        child: Padding(
          padding: EdgeInsets.only(left: (width*ratio) * 0.025),
          child: Text('Highlight Identical Numbers', style: TextStyle(color: Colors.black87, fontSize: fontTextTwoScale, fontFamily: 'Roboto'))
        )
      ),
      Container(
        child: Switch(value: null, onChanged: null,)
      ),
    ],
  ),
),

我正在尝试对其进行设置，以便文本与屏幕左侧对齐，而开关与屏幕右侧对齐。我不明白一个小部件怎么会溢出 99640 像素。我没有看到 Switch 的尺寸选项。

Answer 1

这应该很容易完成这项工作。自定义 ListTile 或将其包装在 Container 中以进行您自己的自定义。

ListTile(
  title: Text("Setting Text One Title"),
  trailing: Switch(value: true, onChanged: (bool x) {}),
)