为React Native和样式化组件配置stylelint

时间:2019-03-15 13:35:46

标签: react-native styled-components stylelint

我一直在尝试为我的React Native存储库设置stylelint,该存储库使用StyleSheetstyled-component s的组合。

具有以下配置

{
  "processors": [
    "stylelint-processor-styled-components"
  ],
  "extends": [

    "stylelint-config-styled-components"
  ],
  "plugins": ["stylelint-react-native"],
}

对于shadowOffset: { width: 0, height: 1 };形式的Missed semicolon CssSyntaxError这样的行,我会出错,但是我相信shadowOffset的用法是正确的。

当我将这些添加到配置中时,事情变得很奇怪:

  "rules": {
    "react-native/style-property-no-unknown": true,
    "react-native/css-property-no-unknown": true
  }

有人让stylelint与React Native和样式化组件一起正常工作吗?

1 个答案:

答案 0 :(得分:0)

您可以使用stylelint-config-react-native-styled-components。这是:

  

使用React Native时用于样式化组件的可共享stylelint配置