equal_space

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Equal_Space é um pacote Flutter projetado para simplificar a criação de linhas e colunas com espaçamento uniforme. Ele garante um espaçamento consistente entre os filhos em um layout sem exigir cálculos complexos ou widgets personalizados. Ideal para interfaces que precisam de alinhamento uniforme, ele suporta todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. O pacote se integra perfeitamente aos projetos existentes do Flutter por meio de um simples comando pub add. Ele melhora a consistência do layout e reduz o código repetitivo ao organizar elementos com intervalos iguais.

Casos de uso

Criando layouts de grade uniformes
Design de formulários responsivos
Construindo arranjos de cartão consistentes
Alinhar ícones ou botões uniformemente
Implementação de componentes de interface simétricos

Principais recursos

Espaçamento automático uniforme
Suporta linhas e colunas
Compatibilidade multiplataforma
Configuração mínima necessária
Nenhuma dependência adicional

Indicado para

Desenvolvedores de interface procurando simplicidade no layout
Projetos que exigem espaçamento consistente
Iniciantes aprendendo layout no Flutter
Aplicativos com padrões visuais repetitivos
Implementações de design responsivo

Considerações

Personalização limitada além do espaçamento
Não ideal para layouts dinâmicos complexos
Pode exigir restrições adicionais em estruturas aninhadas
Não suporta espaçamento variável por filho
Mais adequado para layouts estáticos ou previsíveis

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote