针对Web的本机React:不变违背:“cursor”不是有效的样式属性

e0bqpujr  于 2023-03-19  发布在  React
关注(0)|答案(1)|浏览(131)

我们正在使用React Native for Web,所以如果光标在Web中,我们确实需要能够修改光标,但我认为由于移动的上没有光标,这是React Native的一个问题。
如何至少允许Web部件使用光标?
示例:

export default StyleSheet.create<Style>({
  .modalContent {

    cursor: "pointer",

  }
});
yfjy0ee7

yfjy0ee71#

我在this Github post上的jchook上找到了这个答案。
您可以使用RN平台来检测它是否是Web,然后它将允许您使用光标样式表属性。

import { Platform } from 'react-native'

export default StyleSheet.create<Style>({
  .modalContent {

    ...Platform.select({
      web: {
        cursor: 'default',
      },
    }),

  }
});

相关问题