パッケージ、リポジトリ、アプリカテゴリを検索

responsive_util のカバー
パッケージ詳細v0.4.0

responsive_util

子要素の境界をドラッグでリサイズできるFlutterウィジェットで、レスポンシブデザインを簡単にテストできます。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
132
いいね数
50
Pub ポイント
120

パッケージをインストール

flutter pub add responsive_util

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Responsive_Util は、ユーザーが子要素の境界をインタラクティブにリサイズできるようにすることで、応答性のあるデザインをテストするためのドラッグ可能なウィジェットを提供するFlutterパッケージです。開発中にレイアウトがさまざまな画面サイズにどのように適応するかを視覚的に確認するのに役立ちます。このウィジェットはモバイル、Web、デスクトップを含むすべての主要プラットフォームをサポートしており、クロスプラットフォーム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

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。