如何在 React Native 中通过样式表添加光标指针以查看

Question

我是 React Native 的新手，一直在 google 中寻找答案，但找不到。如何使用嵌套的 TouchableOpacity 元素将光标指针添加到我的 View 元素？我尝试在样式表创建方法中使用 as 属性，但出现错误，指出光标的样式无效属性。提前感谢您提供任何信息。

Answer 1

光标是鼠标指针，与网络浏览器和点击link相关联。由于 React-Native 适用于移动平台，典型情况是用户用手指点击东西，因此不需要 'cursor' 或 'pointer' 指示当前鼠标位置。用户只需点击元素即可。

我建议使用 link 样式或按钮样式来向用户表明他们可以 "click" 特定的文本元素。

Answer 2

更新

Web 现在被 React Native 支持了，所以就去做吧

cursor: 'pointer'

Answer 3

使用 Link 标记 而不是指针光标事件指向在功能组件中使用 css 并调用 onclick 事件的对象。当用户悬停在 Link 标签上时，它会自动显示光标事件。你不需要指定游标:'pointer';

Answer 4

对于使用打字稿的人

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

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