How to add cursor pointer to view via stylesehet in react native

Question

I am new to React Native, been looking for an answer in google but could not find one. How can I add a cursor pointer to my View element with a nested TouchableOpacity element? I tried to use as property in stylesheet create method but got error that cursor in not a valid style property. Thank's in advance for any info.

Answer 1

The cursor is the mouse pointer, which is associated with the web browser and clicking links. Since React-Native is for mobile platforms, the typical situation is the user is tapping things with a finger, and so a 'cursor' or 'pointer' indicating the current mouse position is not necessary. The user just taps on the element.

I suggest using link styling, or button styling to indicate to the user that they can "click" specific text elements.

Answer 2

UPDATE

Web is now supported by react native, so just do

cursor: 'pointer'

Answer 3

For those using typescript

<View style={{
      alignItems:'flex-end',
      //@ts-ignore
      cursor:'pointer'
  }} >{text}</View>