sticky_web_scroll 0.0.1 sticky_web_scroll: ^0.0.1 copied to clipboard
A wrapper to nestedscroll to enable flexible web scroll.
sticky_web_scroll #
Use this package if you need more customization on your web scroll displays.
See the install instructions.
Quick reference #
Since customization requires a lot of properties, here is a quick cheatsheet:
Property | What does it do |
---|---|
landing | Takes the 5% of the screen height, collasp when scrolled vertically. |
body | The body of the main content. |
height | The height of the landing to stickyAppbar point. |
sideNav | Side widget(option). |
stickyAppBar | Immediate below landing, stick to top when landing collasp. |
stickyHeight | stickyAppBar, stickyAppBar height. |
We are on YouTube! #
You can see a video tutorial here. 1.Awesome Flutter Tutorials tutorial by Flutter Developer's Core
To use this package :
- add the dependency to your pubspec.yaml file.
dependencies:
flutter:
sdk: flutter
sticky_web_scroll:
Getting Started #
The examples below were updated for version 0.0.1. Changes might have been made. See the changelog.
A basic Sticky-Web-Scroll #
class YourClassName extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: StickyWebScroll(
landing: Container(),
stickyAppBar: Container(),
body: Container(),
),
),
);
}
}