Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/DrafaKiller/ScrollPositioned-flutter
Allows to position widgets fixed along with a scroll. Can be positioned relative to the parent, or the absolute position. Best used with a Scrollable, but can be used on its own.
https://github.com/DrafaKiller/ScrollPositioned-flutter
flutter widgets
Last synced: about 3 hours ago
JSON representation
Allows to position widgets fixed along with a scroll. Can be positioned relative to the parent, or the absolute position. Best used with a Scrollable, but can be used on its own.
- Host: GitHub
- URL: https://github.com/DrafaKiller/ScrollPositioned-flutter
- Owner: DrafaKiller
- License: mit
- Created: 2022-06-08T14:57:47.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-06-13T08:57:34.000Z (over 2 years ago)
- Last Synced: 2024-10-27T22:39:15.111Z (15 days ago)
- Topics: flutter, widgets
- Language: Dart
- Homepage:
- Size: 23.4 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
[](https://pub.dev/packages/scroll_positioned)
[](https://github.com/DrafaKiller/ScrollPositioned-flutter)
# Scroll Positioned
Allows you to position widgets fixed along with a scroll. It can be positioned relative to the parent widget, or the absolute position.
Best used with a Scrollable, like a ListView, but can be used on its own.
This uses the widgets `Positioned` and `Stack`, if there isn't a stack it will create one for you.
For the absolute position, this uses the widget `Transform.translate`.
## Features
* Fix a widget in a scrollable widget.
* Works in horizontal and vertical scrollable.
* Set the position relative to the top, left, right or bottom.
* Set the size.
* Use `ScrollPositioned.extend` to extend the widget relative to the parent widget.
* Use `ScrollPositioned.absolute` to set the position to the absolute position.
## Getting started
Install it using pub:
```
dart pub add scroll_positioned
```
And import the package:
```dart
import 'package:scroll_positioned/scroll_positioned.dart';
```
## Usage
To have the widget fixed where it is, all you need to do is:
```dart
ScrollPositioned(
child: ... ,
);
```
Set the position relative to the `top`, `left`, `right` or `bottom` of the parent widget:
```dart
ScrollPositioned(
top: 50,
left: 0,
right: 0,
child: ... ,
);
```
Set the size of the widget with `width` and `height`, or use `ScrollPosition.extend` to extend relative to the parent widget:
```dart
ScrollPositioned(
width: 100,
height: 100,
child: ... ,
);
ScrollPositioned.extend(
child: ... ,
);
```
Position the widget to the absolute position, `bottom` and `right` cannot be set:
```dart
ScrollPositioned.absolute(
top: 100,
left: 100,
child: ... ,
);
```
For flexibility, a scroll controller can be passed, if not then it will try to find one:
```dart
final scrollController = ScrollController();
ScrollPositioned(
controller: scrollController,
child: ... ,
);
```
In some cases, when using `ScrollPositioned.absolute`, if the children of the parent change sizes, making the widget move position, the absolute position will not update unless it's built again, one frame after.
## Examples
Click to interact on DartPad