En mi aplicación React Native 0.67.4, solo noto una marca roja en el archivo js de algún componente. La marca roja es solo sobre las hojas de estilo. Aquí hay una imagen de la marca roja:
Aquí está la definición de estilos:
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 }, )La misma marca roja también aparece para el siguiente formato:
<View style={styles.cneteredView, {fontSize:20}}>...</View> Aquí está la devDependency en 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" },¿Hay alguna manera de deshacerse de la marca roja?
yoo, si desea usar dos estilos de clases o el estilo, no es cómo lo usa, es por eso que el editor le muestra un error, la forma correcta de usarlo es así
style={[styles.red, styles.big]} style={[styles.cneteredView, {fontSize:20}]}