Comments (3)
@joelbrostrom I noticed that if the carousel is mid-animation, then the onTap function doesn't fire. The movement has to come to a complete stop which, from a UX perspective, causes a rather obvious "I clicked and nothing happened" feeling when attempting to click on an individual element.
Any idea why this would be?
from flutter_carousel_slider.
Hi!
You want to be able to scroll through the items, but also be able to click any item on screen.
Have I understood you correctly?
If so this can be easily done by wrapping your elements in a GestureDetector
and set onTap
to your select item function.
Using the example project from our GitHub repo all I had to do was wrapping each item in a GestureDetector and added print(index)
on its onTap
argument.
With only 3 lines of code all the items in the demo is clickable!
final List child = map<Widget>(
imgList,
(index, i) {
return GestureDetector(
onTap: ()=> print(index) ,
child: Container(
margin: EdgeInsets.all(5.0),
child: ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(5.0)),
child: Stack(children: <Widget>[
Image.network(i, fit: BoxFit.cover, width: 1000.0),
Positioned(
bottom: 0.0,
left: 0.0,
right: 0.0,
child: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [Color.fromARGB(200, 0, 0, 0), Color.fromARGB(0, 0, 0, 0)],
begin: Alignment.bottomCenter,
end: Alignment.topCenter,
),
),
padding: EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0),
child: Text(
'No. $index image',
style: TextStyle(
color: Colors.white,
fontSize: 20.0,
fontWeight: FontWeight.bold,
),
),
),
),
]),
),
),
);
},
).toList();
from flutter_carousel_slider.
Great, I have been trying to do something like that, I got stuck when trying to cal goto(int index) from the gesture detector as I couldn't reference the carousel itself, but i think is possible
from flutter_carousel_slider.
Related Issues (20)
- Resetting the status when the parent widget status is reinitialized HOT 1
- Error: A method declaration needs an explicit list of parameters. Try adding a parameter list to the method declaration. Widget getGestureWrapper(Widget child) {
- 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
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.