flutter - 如何在 flutter 中设置 showModalBottomSheet 宽度

Question

我有设计(如图所示)并且我正在使用 showModalBottomSheet 但是当我设置宽度时，它不会改变并保持为屏幕宽度，所以我有几个问题:

1-如何给showModalBottomSheet设置宽度
2-对于这种底部菜单，是否有 showModalBottomSheet 的替代方案
3-如何模糊照片中显示的背景

showModalBottomSheet<void>(
          context: context,
          builder: (BuildContext context) {
            return Container(
              height: SizeConfig.screenHeight * 0.6,
              width: 30,
              color: Colors.red,
              child: Center(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  mainAxisSize: MainAxisSize.min,
                  children: <Widget>[
                    const Text('Modal BottomSheet'),
                    ElevatedButton(
                      child: const Text('Close BottomSheet'),
                      onPressed: () => Navigator.pop(context),
                    )
                  ],
                ),
              ),
            );
          },
        );

Answer 1

在 showModalBottomSheet 中使用约束属性。

 showModalBottomSheet(
    context: context,
    constraints: BoxConstraints(
      maxWidth:  600,              
    ),
    builder: ...
  ),