패키지, 저장소 및 앱 카테고리 검색

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에 집중하는 플러터 개발자
  • 다기기 호환성 테스트 중인 팀
  • 디자이너가 개발자와 협업하고 있습니다
  • 자주 레이아웃 조정이 필요한 프로젝트
  • 빠른 반복 작업을 위해 핫 리로드를 사용하는 개발자

고려 사항

  • 생산 환경 사용을 위한 것이 아님
  • 개발 중 수동 활성화 필요
  • 잘못 중첩된 경우 제스처 처리에 영향을 줄 수 있습니다
  • 시각적 테스트에 국한되며, 자동 반응성은 아님
  • 디버그 모드에서만 사용하는 것이 가장 좋습니다

원본 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

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.