Comments (2)
you can use animation bulider to do this :
first define your controller and animation tween :
AnimationController _animationController;
Animation<Offset> _parallaxTween;
second init your state widget:
void initState() {
_animationController =
AnimationController(vsync: this, duration: Duration(seconds: 0));
_parallaxTween = Tween(begin: Offset(0, 0), end: Offset(0, 60))
.animate(_animationController);
super.initState();
}
view:
NotificationListener<ScrollNotification>(
onNotification: _scrollListener,
AnimatedBuilder(
animation: _animationController,
builder: (context, child) => Transform.translate(
offset: _parallaxTween.value,
//here define what you want
child: Carousel([1, 2, 3, 4]
.map((i) => "assets/images/products/$i.jpg")
.toList()),
),
),
),
and in last define _scrollListener:
bool _scrollListener(ScrollNotification scrollInfo) {
if (scrollInfo.metrics.axis == Axis.vertical) {
_animationController.animateTo(scrollInfo.metrics.pixels / 250);
return true;
}
}
from flutter_carousel_slider.
@serenader2014 It would be easy if Parallax effect is provided in the package itself
from flutter_carousel_slider.
Related Issues (20)
- No built-in indicator
- flutter 3.10 not building with carousel_slider HOT 1
- Different width for items
- Crash with timer
- Critical: 'package:flutter/src/rendering/sliver_fixed_extent_list.dart': Failed assertion: line 270 pos 12: 'firstIndex == 0 || childScrollOffset(firstChild!)! - scrollOffset <= precisionErrorTolerance': is not true. HOT 4
- padEnds: false has warning Exception HOT 2
- Index changing even though dragging hasn't finished yet HOT 1
- Neighbor image is a copy of Current image HOT 1
- carousel slider swipe issue HOT 1
- Expose `_state?.pageController?.position.activity?.isScrolling` on `CarouselController`
- How to update specific item without redrawing or updating other items
- image title
- Error: The getter 'EventStreamProviders' isn't defined for the class 'WebSocket'.
- Indicator not updating value when viewPortFraction property is set (value near the half of Screen Width)
- Touch slider HOT 4
- 'enableInfiniteScroll: false' doesn't work when setState is used in onPageChanged HOT 6
- cpu 20%
- Unhandled Exception: Null check operator used on a null value HOT 1
- disableGesture: true, no't work HOT 3
- version issue HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flutter_carousel_slider.