GithubHelp home page GithubHelp logo

Comments (8)

Norserium avatar Norserium commented on May 30, 2024

@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.

shunki-github avatar shunki-github commented on May 30, 2024

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.

Norserium avatar Norserium commented on May 30, 2024

@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.

shunki-github avatar shunki-github commented on May 30, 2024

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.

Norserium avatar Norserium commented on May 30, 2024

@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.

shunki-github avatar shunki-github commented on May 30, 2024

Thank you very much for your kind attention.
I see. Please wait a moment.

from react-indiana-drag-scroll.

shunki-github avatar shunki-github commented on May 30, 2024

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.

Norserium avatar Norserium commented on May 30, 2024

@shunki-github, you are welcome!

from react-indiana-drag-scroll.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.