gpt4 book ai didi

flutter - 如何更改 showModalBottomSheet 的大小? [ flutter ]

转载 作者:行者123 更新时间:2023-12-05 08:16:07 24 4
gpt4 key购买 nike

我正在使用 showModalBottomSheet 小部件,我想更改大小以使其占据大约 75% 的屏幕(默认情况下它似乎占据 50%)。我试图按照文档进行操作,但找不到大小属性。有人可以建议我一种更改此小部件大小的方法吗?

currently looks like this

最佳答案

  • Container 或 SizedBox 中的 MediaQuery
  • 列或行小部件中灵活的扩展小部件
  • 包装,FractionallySizedBox 小部件

选择其中一个更适合你的架构

       showModalBottomSheet(
context: context,
builder: (BuildContext builder) {
return Container(
height: MediaQuery.of(context).copyWith().size.height * 0.75,
child: CupertinoDatePicker(
initialDateTime: appointmentDate,
onDateTimeChanged: (DateTime newDate) {
if (this.mounted) setState(() => appointmentDate = newDate);
},
use24hFormat: true,
mode: CupertinoDatePickerMode.date,
isScrollControlled: true,
),
);
},
);

关于flutter - 如何更改 showModalBottomSheet 的大小? [ flutter ],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58953877/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com