首页 > 解决方案 > 如何将 MediaQueryData 添加到空间填充?

问题描述

如何使用 MediaQueryData 在底部添加特定的填充?

Padding(
              padding: const EdgeInsets.only(
                bottom:8.0,
                ),
)

标签: androidflutterdartvisual-studio-code

解决方案


我想你的意思是

MediaQueryData mediaQueryData = MediaQuery.of(context);

并获取设备屏幕的宽度和高度:

mediaQueryData.size.width;
mediaQueryData.size.height;

然后你可以做这样的事情

Padding(
  padding: EdgeInsets.only(
    bottom: mediaQueryData.size.height * 0.05 // means 5% of screen height
  ), 
)

推荐阅读