https://github.com/dutchcodingcompany/escapable_padding

Ever wanted to add padding to all items in a list *but with one exception*? Escapable Padding lets you do so!
https://github.com/dutchcodingcompany/escapable_padding

Last synced: 8 months ago
JSON representation

Ever wanted to add padding to all items in a list *but with one exception*? Escapable Padding lets you do so!

• Host: GitHub
• URL: https://github.com/dutchcodingcompany/escapable_padding
• Owner: DutchCodingCompany
• License: mit
• Created: 2024-04-16T10:05:19.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-16T10:42:45.000Z (almost 2 years ago)
• Last Synced: 2025-02-16T10:34:41.708Z (about 1 year ago)
• Language: Dart
• Size: 316 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Escapable Padding

[![style: very good analysis](https://img.shields.io/badge/style-very_good_analysis-B22C89.svg)](https://pub.dev/packages/very_good_analysis) 

![Coverage](./coverage_badge.svg?sanitize=true)

Ever wanted to add padding to all items in a list *but with one exception*? Usually this would make you manually add padding to all children except the one you don't want to pad. With Escapable Padding you can pad all items in a Flex, Column or Row, and wrap exceptions with an Escape widget to make them break out of that padding.

This is really nice for (for example):

- Lining up your buttons with your text

- Adding a max viewport width, but having a full size image pop out somewhere as an exception

## Features

Add padding to your Column's, Row's and Flex's with exceptions!

![An example of Escapable Padding](assets/example.png)

## Getting started

Getting started is really easy just add `escapable_padding` to your pubspec.yaml;

```yaml

dependencies:

  escapable_padding: ^1.0.0

  flutter:

    sdk: flutter

```

## Usage

Usage is really simple too! Just wrap your Column, Row or Flex in a EscapablePadding widget and provide a padding.

```dart

EscapablePadding(

  padding: const EdgeInsets.symmetric(horizontal: 50),

  flexChild: Column(

    crossAxisAlignment: CrossAxisAlignment.start,

    children: [

      const Text('This is a text is affected by the padding provided'),

      const Escaped(

        child: Text('However, this text is escaped and should be able to take full width here'),

      ),

    ],

  ),

),

```

## Additional information

- Since this package only makes use of basic Flutter Widgets, this has no dependencies on other pacakges. This makes including Escapable Padding really safe!

- Currently it is not supported to add horizontal padding to a horizontal flex widget and add vertical padding to a vertical flex widget.