ThreadCard "click through" over read-more overlay

Let's call markdown links, blue links, pictures, and audio players as "Obvious Clickables".

Actual

• If there is no gradient

  • When the user clicks on an obvious clickable, "go to Thread" happens
  • When the user clicks on any other part or child of the ThreadCard, "go to Thread" happens

• If there is a gradient

  • When the user clicks on the gradient, "go to Thread" happens

  • When the user clicks on the non-gradient area of the ThreadCard

    • When the click is on an obvious clickable, "go to Thread" happens
    • When the click is on any other part or child of the ThreadCard, "go to Thread" happens

Expected

(In bold is the diff)

• If there is no gradient

  • When the user clicks on an obvious clickable, trigger the logic for that obvious clickable
  • When the user clicks on any other part or child of the ThreadCard, "go to Thread" happens

• If there is a gradient

  • When the user clicks on the gradient, "go to Thread" happens

  • When the user clicks on the non-gradient area of the ThreadCard

    • When the click is on an obvious clickable, trigger the logic for that obvious clickable
    • When the click is on any other part or child of the ThreadCard, "go to Thread" happens

Tips

Maybe could be done like this using Gesture Responder?

Maybe something to do with pointerEvents? http://reactnative.dev/docs/view#pointerevents