SafeArea 在模态底部工作表中被忽略

Question

showModalBottomSheet刚刚注意到，当设置为时，顶部 SafeArea 被忽略isScrollControlled: true。（我希望我的模式适合屏幕）有人找到了修复它的方法吗？

showModalBottomSheet(
  context: context,
  isScrollControlled: true,
  builder: (context) => MyModal(),
)

我的测试模式

class MyModal extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Column(
        children: <Widget>[
          Text('Modal'),
          Expanded(
              child: Container(
            color: Colors.red,
          ))
        ],
      ),
    );
  }
}

输出

我通过设置模式内容的高度暂时修复了它

SafeArea(
      child: Container(
        height: MediaQuery.of(context).size.height - 80,
        child: Column(
          children: ...

输出

Answer 1

如果您正在使用GetX 尝试一下

    final padding = MediaQuery.of(Get.context!).viewPadding;

否则，您可以将父上下文作为参数传递

    final padding = MediaQuery.of(parentContext).viewPadding;