Skip to content

Commit

Permalink
Merge branch 'master' of github.com:jesusrp98/row_collection
Browse files Browse the repository at this point in the history
  • Loading branch information
jesusrp98 committed Apr 28, 2019
2 parents 4db7ba0 + b3538ec commit baec378
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 2 deletions.
4 changes: 2 additions & 2 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
## [0.0.1] - TODO: Add release date.
## [0.0.1] - April 28th, 2019

* TODO: Describe initial release.
First release of this package! More features coming soon™
27 changes: 27 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,13 +11,40 @@ As the baseline widget, there's the `RowItem` widget. It offers a multitude of o
* **Boolean information:** Useful when the associated value with a `boolean` value, which can be represented with an icon.
* **Interactive information:** It allows the associated value, in this case a `Text` widget, to be clickable by the user.

<p align="center">
<img src="https://raw.githubusercontent.com/jesusrp98/row_collection/master/screenshots/0.png" width="415" hspace="8">
<img src="https://raw.githubusercontent.com/jesusrp98/row_collection/master/screenshots/1.png" width="415" hspace="8">
</p>


This library offers ways to separate this and other interface elements, using the already-implemented `Separator` class:
* **Spacers:** This kind of elements helps to separate UI elements, such as `RowItem` widgets.
* **Dividers:** Helpful when you want to emphasize separation between sections.
* **Empty elements:** Useful when you need to use an 'empty' widget, with `height` & `width` values equal to `0`.

<p align="center">
<img src="https://raw.githubusercontent.com/jesusrp98/row_collection/master/screenshots/2.png" width="415" hspace="8">
<img src="https://raw.githubusercontent.com/jesusrp98/row_collection/master/screenshots/3.png" width="415" hspace="8">
</p>

Both kind of widgets (`RowItem` & `Separator`) offer ways to be customizable. For instance, you can use the `style` parameter in the `RowItem` widgets to select a custom text theme.

## Example
Here is an example of a simple use of this package. If you want to take a deeper look at the example, take a look at the [example/](https://github.com/jesusrp98/row_collection/tree/master/example) folder provided with the project.
```
Column(
children: <Widget>[
RowItem.text('English', 'Hello'),
Separator.spacer(),
RowItem.text('Español', 'Hola'),
Separator.divider(),
RowItem.text('English', 'Bye'),
Separator.spacer(),
RowItem.text('Español', 'Adiós'),
],
),
```

## Getting Started
This project is a starting point for a Dart [package](https://flutter.io/developing-packages/), a library module containing code that can be shared easily across multiple Flutter or Dart projects.

Expand Down

0 comments on commit baec378

Please sign in to comment.