Cupertino Picker内容被压缩在一起(请参见下图)

时间:2019-07-10 18:43:22

标签: flutter dart

我创建了一个Cupertinopicker小部件,该小部件包含一周中的7天,但是当您打开选择器时,它们看起来非常紧密。不知道为什么这是我创建的另一个Cupertinopicker可以正常工作的原因。

我已经完全复制了我实现的另一个Cupertinopicker的代码(显然更改了代码的必要组件),但是在我的第二个实现中不起作用。

Widget _buildWeeklyItemPicker() {
return Container(
  height: 250,
  child: CupertinoPicker(
    itemExtent: 7.0,
    backgroundColor: CupertinoColors.white,
    onSelectedItemChanged: (index1) {
      setState(() {
        selectedWItemString2 = daysOfTheWeek[index1];
      });
    },
    children: List<Widget>.generate(
      daysOfTheWeek.length,
      (index1) {
        return Center(
          child: Text(daysOfTheWeek[index1]),
        );
      },
    ),
  ),
);

}

^^正在建立CupertinoPicker

List<String> daysOfTheWeek = [
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday'
'Sunday'

];

^^这是我应该在选择器中显示的项目列表

InkWell(
      child: Text(
          selectedWItemString2 == null ? "_______" : selectedWItemString2),
      onTap: () async {
        await showModalBottomSheet<int>(
          context: context,
          builder: (BuildContext context) {
            return _buildWeeklyItemPicker();
          },
        );
      },
    ),

^^点击上方的InkWell打开CupertinoPicker

我已附上一张图片,它的外观和外观。

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

这是因为您已设置 itemExtent:7.0 。根据您的要求增加价值。