Comments (8)
@shunki-github, I'm not sure, but I assume you should somehow ignore Touchable
component to prevent the scrolling of the container on interaction with it. Try to add its specific selector to ignoreElements
prop.
from react-indiana-drag-scroll.
I would like the component to scroll, but also respond to clicks.
In other words, in the following situation, I want the Image to scroll, but I want the function that works on click on the Image to work correctly.
from react-indiana-drag-scroll.
@shunki-github, try this example. Does the component scroll and response to clicks? If so, I need more details to understand the problem in your code.
from react-indiana-drag-scroll.
The components you have listed are responsive to scrolling and clicking.
Here is the code.
return (
<ScrollContainer
horizontal={true}
vertical={false}
ref={ref}
hideScrollbars={false}
onEndScroll={handleSnap}
onStartScroll={clearAutoplay}
onClick={onClickWeb}
>
<View style={[styles.imageContainer, wrapperStyles]} onClick={output}>
{!editor &&
images.map(({ image, type, fileUrl }, i) => (
<TouchableWithoutFeedback key={i}>
<View style={[styles.imageWrapper, innerWrapper]}>
<ImageItem image={image} type={type} tracks={tracks} options={options}
controls={controls} settings={settings} i18n={i18n}
css_properties={css_properties} ads={ads} videoData={videoData}
fileUrl={fileUrl} />
</View>
</TouchableWithoutFeedback>
))}
</View>
</ScrollContainer>
)
})
from react-indiana-drag-scroll.
@shunki-github, could you make the sandbox that reproduces your issue? It's hard to tell what you should do by this code with lot of custom components.
from react-indiana-drag-scroll.
Thank you very much for your kind attention.
I see. Please wait a moment.
from react-indiana-drag-scroll.
Thank you for your support so far.
I am very sorry.
There was nothing wrong with this component at all, the problem was separate.
Thank you very much for your kind attention and excellent program.
from react-indiana-drag-scroll.
@shunki-github, you are welcome!
from react-indiana-drag-scroll.
Related Issues (20)
- No way to get scroll offsets HOT 3
- Doesn't work with scroll snapping HOT 3
- Any plan of migrating to function components? HOT 4
- Any plan to support React 18? HOT 5
- Activate drag scroll with the mouse wheel? HOT 5
- Change input in container HOT 4
- Horizontal scroll not working with touchpad HOT 7
- 'ScrollContainer' cannot be used as a JSX component. HOT 6
- style prop isn't applied in v3 HOT 10
- Dragging problem on touch devices HOT 8
- Add horizontal scroll support using a scroll wheel HOT 2
- reset scroll bar position HOT 1
- scrollLeft not set when scrolling with mousewheel HOT 3
- Receiving [Violation] warning on every render of ScrollContainer
- Bad importation at https://norserium.github.io/react-indiana-drag-scroll/ HOT 1
- v3 feedback HOT 1
- Doesn't work with Next.js 13+ HOT 4
- Focus removed from input elements HOT 1
- native scrolling by mouse not possible
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 react-indiana-drag-scroll.