VS 代碼 1.65.0 中樣式格式的奇怪紅色標記

Question

在我的 React Native 0.67.4 應用程序中，我只注意到某些組件的 js 文件中有一些紅色標記。 紅色標記僅與樣式表有關。 這是紅色標記的圖像：

這是 styles 的定義：

const styles = Style.create(
 ...
 centeredView: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
    marginTop: 22
  },
  modalView: {
    margin: 30,
    backgroundColor: "white",
    borderRadius: 20,
    padding: 35,
    alignItems: "center",
    alignContent:"center",
    shadowColor: "#000",
    shadowOffset: {
      width: 0,
      height: 2
    },
    shadowOpacity: 0.25,
    shadowRadius: 4,
    elevation: 5
  },
)

同樣的紅色標記也出現在以下格式中：

<View style={styles.cneteredView, {fontSize:20}}>...</View>

這是devDependency中的package.json ：

"devDependencies": {
    "@babel/core": "^7.12.9",
    "@babel/runtime": "^7.12.5",
    "@react-native-community/eslint-config": "^2.0.0",
    "babel-jest": "^26.6.3",
    "eslint": "7.14.0",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "^0.66.2",
    "react-test-renderer": "17.0.2"
  },

有沒有辦法去掉紅色標記？

Answer 1

yoo 如果你想使用兩個 styles 類或樣式它不是你如何使用它這就是為什么編輯器向你顯示錯誤正確的使用方法是這樣的

style={[styles.red, styles.big]}
style={[styles.cneteredView, {fontSize:20}]}