1. 先从flutter对应的前端知识入手

a. 屏幕适配规律,解决大小样式问题

https://juejin.cn/post/7039868577658175524

(选择screenutil的使用指南:【Flutter】屏幕像素适配方案 ( flutter_screenutil 插件 )-CSDN博客

Futter 屏幕适配框架flutter_ScreenUtil 用法 – 掘金

中文文档:https://github.com/OpenFlutter/flutter_screenutil/blob/master/README_CN.md)

b. 布局原则,理解约束constraints,大小sizes,位置positions,父项parents的关系

Flutter初学者必读的高级布局规则_大前端_Marcelo Glasberg_InfoQ精选文章

关于具体的一些细节使用详解:7.4 颜色和主题 | 《Flutter实战·第二版》