flutter - Flutter CupertinoPicker UI 中断，子项显示不正确

Question

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

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

我到底在这里想念什么？

这是我的代码

Github 上的代码

Answer 1

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

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"),
          ],
        ),
      ),
    );
  }