How to stop isPressed from firing when scrolling?

[GollyJer]

We have rows in a scroll view with code like this...

import { Pressable } from 'native-base';

<Pressable flexDirection="row" onPress={goToNextScreen} flex="1">
  {({ isPressed }) => (
    <Row
      flex="1"
      bg={isPressed ? 'primary.500:alpha.20' : 'transparent'}
      px="1"
      pt="4"
      pb="2"
      borderRadius="12"
    >
    //  more stuff below...

Is there a way to NOT fire isPressed when scrolling?

YouCut_20220913_181331549.mp4

[ankit-tailor]

Hey @GollyJer, You can use the unstable_pressDelay prop to set a delay before calling onPressIn.

https://reactnative.dev/docs/pressable#unstable_pressdelay

[GollyJer]

Thanks for the help @ankit-tailor.
This code uses the children prop of the NativeBase Pressable component and isn't found in the React Native pressable component.
That, and delaying the press would simply delay the highlighting, not stop it, correct?

Interestingly, the onPress event doesn't fire, but the children prop returns {isPressed}.
Thinking through it now this seems like a bug on the NativeBase side.

I noticed the same thing happening with a default configuration of the NativeBase Menu component.

nativebase_menu_highlighting.mp4

[RiyaJyoti]

@ankit-tailor Is there any update on this issue? I am facing a similar problem where {isPressed} is coming out as true while scrolling.