搜索插件、代码仓与 APP 分类

responsive_util 封面
插件详情v0.4.0

responsive_util

一个 Flutter 小部件,允许拖动调整其子组件的边界,以轻松测试响应式设计。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
132
喜欢数
50
Pub 分数
120

安装插件

flutter pub add responsive_util

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

Responsive_Util 是一个 Flutter 包,提供了一个可拖动的控件,用于通过允许用户交互式地调整其子控件的边界来测试响应式设计。它帮助开发人员在开发过程中可视化布局在不同屏幕尺寸下的适应情况。该控件支持所有主要平台,包括移动设备、网页和桌面端,非常适合跨平台 UI 测试。通过启用实时调整,它简化了无需多个设备模拟器即可微调响应式布局的过程。

适合场景

  • 在开发中测试响应式布局
  • 调整 UI 行为以适应不同屏幕尺寸
  • 布局约束的视觉调试
  • 跨平台 UI 验证
  • 响应式设计的快速原型制作
  • 迭代设计优化

主要特点

  • 可拖动边界调整大小
  • 实时布局预览
  • 跨平台支持
  • 与现有小部件的简单集成
  • 无运行时性能开销
  • 内置的开发者友好界面

适合对象

  • 专注于响应式UI的Flutter开发者
  • 团队测试多设备兼容性
  • 设计师与开发人员协作
  • 需要频繁调整布局的项目
  • 使用热重载进行快速迭代的开发者

使用建议

  • 不适用于生产环境
  • 开发期间需要手动激活
  • 如果嵌套不当,可能会干扰手势处理
  • 仅限视觉测试,无法自动化响应性
  • 仅在调试模式下使用最佳

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

responsive_util

pub package Platform

A Flutter widget that allows drag resizing of its child's bounds to easily test responsive design.

Example Example


Usage

Wrap a widget such as a Scaffold with a ResponsiveUtil and resize it by dragging from the bottom right.

Double-tap to reset bounds.


Properties Description
child The Widget to resize
builder An alternative structure to be used in place of child which directly provides updated constraints to layout similar to a LayoutBuilder
disabled If True, bypasses all functionality
scrollController Required for Widgets that exist in some ScrollView

所属分类

源码仓库

使用此插件的项目

暂无相关数据。