SafeArea在模式底表中被忽略

Question

我刚注意到当showModalBottomSheet设置为isScrollControlled: true时，顶部的SafeArea被忽略了。(我想让我的模式适合屏幕)有人找到解决它的方法了吗？

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;

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

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