Flutter Build Responsive Layout

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors. Use when this capability is needed.

tomevault-io Updated

File contents

flutter-build-responsive-layout

Curated from flutter's skills

Use LayoutBuilder, MediaQuery, or Expanded/Flexible to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.

Source

How to use

该 Skill 由 hyar 跨端框架精选, 用于 Flutter 响应式布局和多屏适配需求前被 Agent 发现。若要运行包含原始资源、脚本和参考资料的完整上游工作流,请将上游 bundle 安装到当前活跃 Agent 的 skills 目录中:

# 查看上游 README,确认准确路径
open https://github.com/flutter/skills/tree/main/skills/flutter-build-responsive-layout

然后,让 Agent 通过该 skill 的名称(flutter-build-responsive-layout)来调用它,或使用该 skill frontmatter 中列出的任一触发短语来调用它。


Source: Yemomo511/hybrid-agent-rail — distributed by TomeVault.

tomevault-io/skills-registry/tree/main/yemomo511--hybrid-agent-rail--flutter-build-responsive-layout commit 239b8d5afa

Frequently asked questions

npx skillmds@latest add tomevault-io/flutter-build-responsive-layout-2