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

e0bqpujr 于 2023-03-19 发布在 React

关注(0)|答案(1)|浏览(134)

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

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

    cursor: "pointer",

  }
});

react-native

来源：https://stackoverflow.com/questions/75772116/react-native-for-web-invariant-violation-cursor-is-not-a-valid-style-propert

1条答案

按热度按时间

yfjy0ee71#

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

import { Platform } from 'react-native'

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

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

  }
});

赞(0）回复(0）举报 2023-03-19

我来回答

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

1条答案

相关问题

热门标签

最新问答