Flutter CupertinoPicker UI 中断且子项未正确显示

Question

我对 Flutter 还很陌生，正在尝试实现 CupertinoPicker Widget。 当我按下一个按钮时，我希望能够用另一个替换当前的 CupertinoPicker。 不幸的是，当我尝试这个时，第二个 UI 中的文本非常扭曲。

这里有一些图片可以帮助您理解我的问题。

我到底错过了什么？

这是我的代码

Code on Github

Answer 1

只需用 Container 小部件包裹 Center 小部件。这是应用程序和代码的屏幕截图。

Widget _second() {
    return Container(
      child: Center(
        child: CupertinoPicker(
          selectionOverlay: null,
          onSelectedItemChanged: (value) {},
          itemExtent: 30,
          children: [
            Text("City 1"),
            Text("City 2"),
            Text("City 3"),
            Text("City 4"),
            Text("City 5"),
            Text("City 6"),
            Text("City 7"),
          ],
        ),
      ),
    );
  }