Cannot sign if component in a ScrollView

[jqtruong]

When the Signature component is within a ScrollView, trying to sign will cause the view to scroll instead.

[YanYuanFE]

You can't use Signature in ScrollView yet. You can try adding a signature button in ScrollView, and clicking the button will pop up Modal and display Signature.

[jqtruong]

indeed, i did just what you said and it works fine. I thought maybe using PanResponder would help with locking the scroll, but could not make it work. Will close for now, thanks.

[ruegreen]

Has anyone been able to get this to work in scroll view?? Adding a Modal is not desirable...

[robbywh]

@ruegreen i think you can use scrollEnabled props in the ScrollView, when onBegin triggered you can set scrollEnabled with false, when onEnd triggered you can set scrollEnabled with true

[isocra]

I can confirm that @robbywh's solution works for me. Thanks!!

[robbywh]

your welcome @isocra

[davwheat]

This doesn't seem to work very well any more.

When using @robbywh's method, it scrolls once before allowing me to sign like normal.

Anyone else had this issue/managed to fix it?

See this video for more info: https://u.davwheat.dev/ozBM2i.mp4

[YanYuanFE]

@davwheat ,Hi, I think this is not a bug. It is a conflict of interaction design. The touch of ScrollView conflicts with the touch interaction of the signature area. You can try to put the signature component in Modal and add a click button in the ScrollView. When the button is clicked, the display modal, and then sign in the modal.

[Akshaybagai52]

Thanks @YanYuanFE for your reply
it worked for me