Flutter多设备之响应式布局

Flutter多设备之响应式布局

参考鸿蒙原生响应式布局场景,保持相似体验。

布局能力 使用场景 使用说明
断点 将窗口宽度划分为不同的范围(即断点),监听窗口尺寸变化,当断点改变时同步调整页面布局。 依赖扩展库:breakpoint
媒体查询 媒体查询支持监听窗口宽度、横竖屏、深浅色、设备类型等多种媒体特征,当媒体特征发生改变时同步调整页面布局。 直接使用Flutter SDK中MediaQuery,无需额外适配
栅格布局 栅格组件将其所在的区域划分为有规律的多列,通过调整不同断点下的栅格组件的参数以及其子组件占据的列数等,实现不同的布局效果。 依赖扩展库:GridRow

你可能感兴趣的:(harmonyos)