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

Eli*_* K. 7 stylesheet react-native

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

rya*_*an0 5

光标是鼠标指针,它与 Web 浏览器和单击链接相关联。由于 React-Native 是针对移动平台的,典型的情况是用户用手指点击东西,因此不需要“光标”或“指针”来指示当前鼠标位置。用户只需点击元素。

我建议使用链接样式或按钮样式来向用户表明他们可以“单击”特定的文本元素。

  • React Native 现在可以构建 Web 应用程序,所以它绝对是需要的。@BloodyMonkey 下面的答案对我有用。 (3认同)

Blo*_*key 5

更新

React Native 现在支持 Web,所以就这样做

cursor: 'pointer'
Run Code Online (Sandbox Code Playgroud)

  • `ViewStyle` 不支持 `cursor` 属性(至少在 React-native 0.63.3 中),您可能打算使用 `styled-components` 之类的东西吗? (5认同)

Ale*_*ici 5

对于那些使用打字稿的人

<View style={{
      alignItems:'flex-end',
      //@ts-ignore
      cursor:'pointer'
  }} >{text}</View>
Run Code Online (Sandbox Code Playgroud)