https://github.com/smirltech/row_column

un flutter widget qui se transforme on Row ou column
https://github.com/smirltech/row_column

Last synced: 10 days ago
JSON representation

un flutter widget qui se transforme on Row ou column

• Host: GitHub
• URL: https://github.com/smirltech/row_column
• Owner: smirltech
• License: other
• Created: 2022-06-19T10:52:48.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-06-19T11:26:23.000Z (over 2 years ago)
• Last Synced: 2023-08-09T13:41:21.387Z (over 1 year ago)
• Language: C++
• Size: 194 KB
• 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

        


This is a widget that displays a list of items.

Same widget that behaves like a row and like a column.

## Features

We currently have the following features:

- [RowColumn] is a widget that displays multiple items, either horizontally or vertically, manually after specifying the Axis direction.

- [FlexibleRowColumn] is a widget that displays multiple items, either horizontally or vertically automatically after detecting orientation.

## Getting started

Import the package:

```

import 'package:row_column/row_column.dart';

```

To start using this package, add the following to your `pubspec.yaml` file:

```

depensencies:

    row_column: ^0.0.1

```

## Usage

To user it just add the widget to the widget tree :

- This `RowColumn` can switch between column and row by specifying the `direction` property.:

```

RowColumn(

          mainAxisAlignment: MainAxisAlignment.spaceAround,

          direction: Axis.horizontal,

          children: [

            const Text('Hello'),

            const Text('My'),

            const Text('Lovely'),

            const Text('World'),

          ],

        ),

```

- This `FlexibleRowColumn` can detect the orientation of the device and switch betwin column and row automatically:

```

FlexibleRowColumn(

          mainAxisAlignment: MainAxisAlignment.spaceAround,

          children: [

            const Text('Hello'),

            const Text('My'),

            const Text('Lovely'),

            const Text('World'),

          ],

        ),

```

## Additional information

Tell users more about the package: where to find more information, how to

contribute to the package, how to file issues, what response they can expect

from the package authors, and more.