react native – How can I exploit single finger scroll reliably in iOS in ScrollList whereas additionally permitting swipe left and swipe proper?


I’m utilizing React Native 0.79.6 with Expo 53.0.0 managed growth and added Swipe left and Swipe proper utilizing from react-native-swipe-gestures 1.0.5 to my predominant working display screen’s . Every little thing labored nice on Android. However in iOS, the scrolling with one finger typically works and typically does not. Two finger scrolling at all times work in iOS. This isn’t a viable answer as a result of it’s an unacceptable person expertise to dump on my buyer base which has been utilizing my app for 2 years.

I carried out what I believed was essential from my predominant working display screen in a snack – however the snack works nice on my iOS ipad. You may test it out and you will notice the essential structure – though all the information is obtained from the cloud and it performs an audio transcript utilizing react-native-track-player which I can’t do in a snack – so I’m not positive the snack will assist you to assist me. I
carried out it to reveal the issue however failed.

Right here it’s:
Snack that works

The fundamental part structure is

  1. Three buttons (Play/Pause icon solely; Subsequent Display and Earlier Display) and a progress bar
  2. Title
  3. Subtitle (additional Textual content in Snack to reveal swipe left and proper)
    Then the half that’s giving me bother
 
   
     
       (utilizing @fobos531/react-native-render-html newest) 
      
    
  

The snack has some variations

  1. No track-player and thus no progress bar. I’ve taken the progress bar out of my app and nonetheless have the identical downside in iOS
  2. I’m utilizing the principle react-native-render-html as a result of snack is not going to let me use my model. I’ve taken render-html fully out of my app and nonetheless have the identical downside.
  3. My expo go is not going to let me use expo 53 in my snack so I’m utilizing expo 54 within the snack. I haven’t examined my app with expo 54 so I do not know if that’s the reason it fixes it. I’ve not discovered a method to get the previous model of expo go.

The code part I added to deal with swiping the scroll record left and proper is

             nextEngagement(false)}
              onSwipeRight={() => previousEngagement()}
              model={kinds.container}
            >

My guess as to what’s fallacious is that some part is gobbling up the one finger contact typically earlier than does.

Can somebody inform me how I can discover out why typically (50% of the time) the one finger scroll doesn’t work once I added the swipe left and swipe proper and maybe what have to be gobbling up that occasion.

Or maybe inform me a greater and extra appropriate approach so as to add swipe left and proper to my scroll record.

Or maybe some debugging instruments that can assist inform me what’s going on?

In abstract:
I added to my and now the one finger scroll does not at all times work on iOS whereas the 2 finger scroll works completely.

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Latest Articles