搜尋套件、儲存庫與 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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。