equal_space

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

Equal_Space는 균일한 간격의 행과 열을 쉽게 만들 수 있도록 설계된 Flutter 패키지입니다. 복잡한 계산이나 사용자 정의 위젯 없이 레이아웃 내 자식 요소 간에 일관된 간격을 보장합니다. 균일한 정렬이 필요한 UI에 적합하며, Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼을 지원합니다. 간단한 pub add 명령어를 통해 기존 Flutter 프로젝트에 원활하게 통합할 수 있습니다. 동일한 간격으로 요소를 배열할 때 반복 코드를 줄이고 레이아웃의 일관성을 향상시킵니다.

사용 사례

균일한 그리드 레이아웃 만들기
반응형 양식 설계
일관된 카드 배열 만들기
아이콘 또는 버튼을 균일하게 정렬하기
대칭 UI 컴포넌트 구현

주요 기능

자동 균일 간격
행과 열 둘 다 지원합니다
크로스 플랫폼 호환성
최소한의 설정 필요
추가 종속성 없음

적합한 대상

레이아웃의 단순성을 찾는 UI 개발자
일관된 간격이 필요한 프로젝트
Flutter 레이아웃을 배우는 초보자
반복적인 시각적 패턴을 가진 앱
반응형 디자인 구현

고려 사항

간격을 넘어서는 사용자 정의가 제한되어 있음
복잡한 동적 레이아웃에는 적합하지 않습니다
중첩 구조에서 추가 제약 조건이 필요할 수 있습니다
자식별로 가변 간격을 지원하지 않습니다
정적 또는 예측 가능한 레이아웃에 가장 적합

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Equal Space

About

Equal Space is a Flutter package that allows you stop using SizedBox for spacing between widgets. it simplifies the process of creating evenly spaced rows and columns in your Flutter applications. This package provides custom widgets, SpacedRow and SpacedColumn, which make it easy to manage spacing and alignment of child widgets.

Features

Customizable Spacing: Easily adjust the space between child widgets.
Flexible Alignment: Support for main axis and cross axis alignment.
Simplified Code: Reduces boilerplate code for spacing in rows and columns.

SpacedColumn Example

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SpacedColumn(
      space: 26.0,
      mainAxisAlignment: MainAxisAlignment.center,
      mainAxisSize: MainAxisSize.min,
      crossAxisAlignment: CrossAxisAlignment.end,
      textDirection: TextDirection.rtl,
      verticalDirection: VerticalDirection.down,
      textBaseline: TextBaseline.alphabetic,
      children: [
        Container(width: 50, height: 50, color: Colors.red),
        Container(width: 50, height: 50, color: Colors.green),
        Container(width: 50, height: 50, color: Colors.blue),
      ],
    );
  }
}

SpacedRow Example

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SpacedRow(
       space: 26.0,
       mainAxisAlignment: MainAxisAlignment.center,
       mainAxisSize: MainAxisSize.min,
       crossAxisAlignment: CrossAxisAlignment.end,
       textDirection: TextDirection.rtl,
       verticalDirection: VerticalDirection.down,
       textBaseline: TextBaseline.alphabetic,
       children: [
         Container(width: 50, height: 50, color: Colors.red),
         Container(width: 50, height: 50, color: Colors.green),
         Container(width: 50, height: 50, color: Colors.blue),
       ],
    );
  }
}

Installation

flutter pub add equal_space
import 'package:equal_space/equal_space.dart';

Explanation

Overview: Stop using SizedBox for adding up space in your widgets.
Features: You can user mainAxis * crossAxisAligments with one more propery space.
Benigit: Examples SpacedRow and SpacedColumn widgets shows how effective this package is.
Example: Instructions to run the example app.
Contributions: Feel free to fork the repo.
License: MIT License.
Connect with Us: Click below to visit my YouTube channel & Github.

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

패키지 설치