Flutter 颤振使showDateRangePicker变小

以下颤振的文档创建了一个全屏选择器。这在手机上似乎很好，但在iPad和网络上却令人讨厌

---

我需要一种方法来约束比例以使覆盖更小。

将

builder

参数添加到

showDateRangePicker（）

函数将允许您将日期范围选择器放置在容器或约束框内

请记住，这似乎只在生成器的父窗口小部件是列时才起作用

示例：

dateTimeRangePicker() async {
      DateTimeRange picked = await showDateRangePicker(
          context: context,
          firstDate: DateTime(DateTime.now().year - 5),
          lastDate: DateTime(DateTime.now().year + 5),
          initialDateRange: DateTimeRange(
            end: DateTime(DateTime.now().year, DateTime.now().month, DateTime.now().day + 13),
            start: DateTime.now(),
          ),
          builder: (context, child) {
            return Column(
              children: [
                ConstrainedBox(
                  constraints: BoxConstraints(
                    maxWidth: 400.0,
                  ),
                  child: child,
                )
              ],
            );
          });
      print(picked);
    }

ConstrainedBox

小部件允许我们指定maxWidth和maxHeight属性。这使得我们仍然可以在较小的设备上看到有意义的全屏显示，但可以限制较大设备（如iPad或web浏览器）的最大尺寸

在我看来，这个小部件看起来很高，因为它显示了你可以滚动的月份。然而，它看起来并不是很宽

上面的示例仅显示了

maxWidth

约束。但是如果您想限制，也可以添加

maxHeight

通过这些约束，选择器显示为覆盖，其中背景变暗。您可以单击背景上的任意位置以关闭覆盖，取消选择并返回null