SuperAPI AI 工具集

flutter-adaptive-ui

通用与其它

查看项目

更新于 10-15 22:17

技能介绍

用途:帮助开发者构建能在手机、平板、桌面等不同屏幕尺寸与输入设备上良好适配的 Flutter 界面。

主要能力:提供三步自适应方法(抽象、测量、分支);给出关键断点(Compact<600、Medium 600-840、Expanded>=840);讲解 Flutter 约束规则(约束向下、尺寸向上、父级定位);涵盖 Row/Column、Container、Expanded/Flexible 等布局模式;提供响应式导航、自适应网格等示例;并给出能力(Capability)与策略(Policy)分离模式。

使用方式:用 MediaQuery.sizeOf(context) 做应用级尺寸判断,用 LayoutBuilder 获取子树约束;按断点分支选择布局,例如 width>=840 用桌面布局、>=600 用平板布局,否则用移动布局。示例:final width = MediaQuery.sizeOf(context).width; 导航可在 NavigationBar 与 NavigationRail 间切换。

适用场景:需要适配多平台、多窗口、折叠屏的 Flutter 应用,尤其是导航、对话框、内容列表等需重排的界面。

限制与注意:不要锁定方向,不要用 Platform.isIOS/Android 或 OrientationBuilder 做布局决策,应基于窗口尺寸;大屏避免内容占满整宽;需支持键盘、鼠标悬停与焦点。该技能当前无可执行脚本,全部为参考文档与 Dart 示例文件。具体收费、价格、平台支持等信息暂未提供。