Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,6 @@
## 0.6.1
* **Migrate** to a new repository name

## 0.6.0
* **Various** fixes and improvements
* **Migrated** to Sound null safety
Expand Down
28 changes: 14 additions & 14 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@

A widget that can be dragged and scrolled in a single gesture and snapped to a list of extents.

<a href="https://github.com/flutterwtf/sliding_sheet/blob/master/example/lib/main.dart">
<img width="205px" alt="Example of a SlidingSheet" src="images/example_preview.gif"/>
<a href="https://github.com/flutterwtf/wtf_sliding_sheet/blob/master/example/lib/main.dart">
<img width="205px" alt="Example of a SlidingSheet" src="https://raw.githubusercontent.com/flutterwtf/wtf_sliding_sheet/master/images/example_preview.gif"/>
</a>

Click [here](https://github.com/flutterwtf/sliding_sheet/blob/master/example/lib/main.dart) to view the full example.
Click [here](https://github.com/flutterwtf/wtf_sliding_sheet/blob/master/example/lib/main.dart) to view the full example.

The package is a fork of [this](https://github.com/tchigher/sliding-sheet) repository.

Expand All @@ -16,16 +16,16 @@ Add it to your `pubspec.yaml` file:

```yaml
dependencies:
wtf_sliding_sheet: ^0.6.0
wtf_sliding_sheet: ^0.6.1
```

Install packages from the command line

```shell
flutter packages get
flutter pub get
```

If you like this package, consider supporting it by giving it a star on [GitHub](https://github.com/flutterwtf/sliding_sheet) and a like on [pub.dev](https://pub.dev/packages/wtf_sliding_sheet) :heart:
If you like this package, consider supporting it by giving it a star on [GitHub](https://github.com/flutterwtf/wtf_sliding_sheet) and a like on [pub.dev](https://pub.dev/packages/wtf_sliding_sheet) :heart:

## Usage

Expand Down Expand Up @@ -79,7 +79,7 @@ Widget build(BuildContext context) {

**Result:**

<img width="205px" alt="Example" src="images/example_as_a_widget.gif"/>
<img width="205px" alt="Example" src="https://raw.githubusercontent.com/flutterwtf/wtf_sliding_sheet/master/images/example_as_a_widget.gif"/>

### As a BottomSheetDialog

Expand Down Expand Up @@ -127,7 +127,7 @@ void showAsBottomSheet(BuildContext context) async {

**Result:**

<img width="205px" alt="Example" src="images/example_as_a_bottom_sheet_dialog.gif"/>
<img width="205px" alt="Example" src="https://raw.githubusercontent.com/flutterwtf/wtf_sliding_sheet/master/images/example_as_a_bottom_sheet_dialog.gif"/>

### Snapping

Expand All @@ -142,9 +142,9 @@ positioning | Can be set to one of these three values: `SnapPositioning.relative
onSnap | A callback function that gets invoked when the `SlidingSheet` snaps to an extent.

<p float="left">
<img width="205px" alt="SnapPositioning.relativeToAvailableSpace with a snap of 0.5" src="images/example_snap_relative_to_space.png"/>
<img width="205px" alt="SnapPositioning.relativeToSheetHeight with a snap of 0.5" src="images/example_snap_relative_to_height.png"/>
<img width="205px" alt="SnapPositioning.pixelOffset with a snap of 100" src="images/example_snap_to_pixel_offset.png"/>
<img width="205px" alt="SnapPositioning.relativeToAvailableSpace with a snap of 0.5" src="https://raw.githubusercontent.com/flutterwtf/wtf_sliding_sheet/master/images/example_snap_relative_to_space.png"/>
<img width="205px" alt="SnapPositioning.relativeToSheetHeight with a snap of 0.5" src="https://raw.githubusercontent.com/flutterwtf/wtf_sliding_sheet/master/images/example_snap_relative_to_height.png"/>
<img width="205px" alt="SnapPositioning.pixelOffset with a snap of 100" src="https://raw.githubusercontent.com/flutterwtf/wtf_sliding_sheet/master/images/example_snap_to_pixel_offset.png"/>
</p>

There are also some prebuild snaps you can facilitate to snap for example to headers or footers as shown in the example.
Expand Down Expand Up @@ -238,7 +238,7 @@ Widget build(BuildContext context) {

**Result:**

<img width="205px" alt="Simple header/footer example" src="images/example_header_footer.gif"/>
<img width="205px" alt="Simple header/footer example" src="https://raw.githubusercontent.com/flutterwtf/wtf_sliding_sheet/master/images/example_header_footer.gif"/>

### ListViews and Columns

Expand Down Expand Up @@ -275,8 +275,8 @@ return SheetListenerBuilder(

**Result:**

<img width="205px" alt="Example of Material Effects" src="images/example_material_effects.gif"/>
<img width="205px" alt="Example of Material Effects" src="https://raw.githubusercontent.com/flutterwtf/wtf_sliding_sheet/master/images/example_material_effects.gif"/>

The [example](https://github.com/flutterwtf/sliding_sheet/blob/master/example/lib/main.dart) for instance decreases the corner radius of the `SlidingSheet` as it gets dragged to the top and increases the headers top padding by the status bar height. Also, when content gets scrolled under the header it elevates.
The [example](https://github.com/flutterwtf/wtf_sliding_sheet/blob/master/example/lib/main.dart) for instance decreases the corner radius of the `SlidingSheet` as it gets dragged to the top and increases the headers top padding by the status bar height. Also, when content gets scrolled under the header it elevates.

Because these are common Material behaviors, `SlidingSheet` supports those out of the box, which can be achieved by setting the `avoidStatusBar` field to `true`, `cornerRadiusOnFullscreen` to `0` and `liftOnScrollHeaderElevation` to the elevation.
2 changes: 1 addition & 1 deletion example/pubspec.lock
Original file line number Diff line number Diff line change
Expand Up @@ -214,7 +214,7 @@ packages:
path: ".."
relative: true
source: path
version: "0.6.0"
version: "0.6.1"
sdks:
dart: ">=2.19.0 <3.0.0"
flutter: ">=2.5.0"
6 changes: 3 additions & 3 deletions pubspec.yaml
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
name: wtf_sliding_sheet
description: A widget that can be dragged and scrolled in a single gesture and snapped to a list of extents.
version: 0.6.0
homepage: https://github.com/flutterwtf/sliding_sheet
repository: https://github.com/flutterwtf/sliding_sheet
version: 0.6.1
homepage: https://pub.dev/packages/wtf_sliding_sheet
repository: https://github.com/flutterwtf/wtf_sliding_sheet

environment:
sdk: '>=2.17.0 <3.0.0'
Expand Down