Flutter 在颤振中处理屏幕尺寸的最佳方法是什么？

我正在从事我的第一个项目，我对如何根据设备屏幕处理我的小部件的大小有疑问

在iPhone11中看起来很棒，但当我在Nexus5中模仿它时，一切都变得巨大了。。。字体、输入、按钮…：（

你认为拥有一个好的用户界面最有效的方法是什么（大多数情况下都可以）

谢谢大家!

编辑：这是主页的代码：）

小部件构建（构建上下文）{
返回脚手架(
主体：容器(
颜色：主题。背景色，
儿童：安全区(
子：容器(
填充：所有（30），
孩子：Flex(
方向：轴垂直，
儿童：[
灵活的(
弹性：2，
孩子：蹦蹦跳跳(
起:10,，
子：容器(
对齐：alignment.topLeft，
子：容器(
子项：SvgPicture.asset(
“assets/svg/twiger face.svg”，
颜色：主题。背景。强调颜色，
对齐：alignment.topLeft，
宽度：100，
身高：100
)
)
),
),
),
灵活的(
弹性：6，
子：列(
儿童：[
法德因敦(
起:10,，
子项：_createTitle（AppLocalizations.of（context）.translate（“home_title”））
),
尺寸箱（高度：15.0），
法德努普(
起:5,，
子项：_createForm（）
),
if（isValidTweet（textController.text））
_ValidWeetMessage（），
如果（！isValidTweet（textController.text）&&textController.text！=''）
_invalidTweetMessage（），
]
),
),
灵活的(
弹性：0，
孩子：排(
mainAxisAlignment:mainAxisAlignment.spaceBetween，
儿童：[
容器(
子项：RawMaterialButton(
填充：边缘设置。全部（10），
形状：圆形矩形边框(
边界半径：边界半径。圆形（50.0）
),
孩子：RichText(
text:TextSpan(
样式：TextStyle（颜色：Theme.of（context）.accentColor），
儿童：[
TextSpan（text:AppLocalizations.of（context.translate）（“反馈”），
TextSpan（文本：“反馈”，样式：TextStyle（fontWeight:fontWeight.w700））
]
),
),
已按下：（）{
_显示反馈模式（上下文）；
},
),
),
容器(
孩子：排(
儿童：[
弹跳区(
起:10,，
子项：_createPasteTweetBtn（上下文）
),
尺寸箱（宽度：20），
弹跳区(
起:10,，
子项：_createSendTweetBtn（上下文，_formKey，textController）），
]
),
),
]
),
)  
],),
),
),
),
);
}

您可以使用

BuildContext上下文和
MediaQuery
获取当前设备屏幕大小，并可以根据该值设置小部件的大小。

例如：

var width = MediaQuery.of(context).size.width  * 0.4; // set width to 40% of the screen width
var height = MediaQuery.of(context).size.height  * 0.4; // set height to 40% of the screen height

代码已添加。。。很抱歉我第一次在这里发帖：（我没有使用Stack:SThank you Sanket！我也可以用它来处理排版尺寸吗？是的，你可以从这里得到正确的完整参考：如果你找到了答案，请接受并投票。谢谢。
var width = MediaQuery.of(context).size.width  * 0.4; // set width to 40% of the screen width
var height = MediaQuery.of(context).size.height  * 0.4; // set height to 40% of the screen height