https://github.com/carllosnc/expandy

Flutter expansor component
https://github.com/carllosnc/expandy

flutter ui ui-components

Last synced: 11 days ago
JSON representation

Flutter expansor component

• Host: GitHub
• URL: https://github.com/carllosnc/expandy
• Owner: carllosnc
• License: mit
• Created: 2023-08-28T00:39:17.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-06-16T22:47:58.000Z (5 months ago)
• Last Synced: 2024-06-16T23:41:57.213Z (5 months ago)
• Topics: flutter, ui, ui-components
• Language: C++
• Homepage:
• Size: 1.84 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🏋 Expandy

![Static Badge](https://img.shields.io/badge/Flutter_package-blue)

[![Expandy](https://github.com/carllosnc/expandy/actions/workflows/dart.yml/badge.svg)](https://github.com/carllosnc/expandy/actions/workflows/dart.yml)

| Example                                 |

| --------------------------------------- |

|  |

## Install

`pubspec.yml`

```yml

dependencies:

  imgy:

    git:

      url: https://github.com/carllosnc/expandy.git

```

## Usage

```dart

  Expandy(

    title: "What is Flutter?",

    children: [

      // -- Content --

      Image.network(

        "https://pbs.twimg.com/media/FKNlhKZUcAEd7FY?format=jpg&name=4096x4096",

        width: double.infinity,

        height: 150,

        fit: BoxFit.cover,

      ),

      const SizedBox(height: 10),

      Padding(

        padding: const EdgeInsets.all(15),

        child: Column(

          mainAxisAlignment: MainAxisAlignment.start,

          crossAxisAlignment: CrossAxisAlignment.start,

          children: [

            const Text(

              "Flutter is an open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single codebase.",

            ),

            const SizedBox(height: 10),

            FilledButton(

              onPressed: () {},

              child: const Text('Read more'),

            )

          ],

        ),

      ),

    ],

  ),

```

## Properties

| Name              | Type           | Description                  |

| ----------------- | -------------- | ---------------------------- |

| `children`        | `List` | content                      |

| `title`           | `String`       | title                        |

| `backgroundColor` | `Color`        | main color                   |

| `titleStyle`      | `TextStyle`    | title customization          |

| `borderRadius`    | `Double`       | main container border radius |

| `titlePadding`    | `EdgeInserts`  | title paddign                |

---

Carlos Costa 👁 2023