Open
Description
I don't expect no-raw-text to fail in this case according to the tests, but it does for me.
import React from "react";
import { View, Text } from "react-native";
export default class Test extends React.Component {
constructor() {
super();
this.state = {};
}
render() {
return (
<View>
<Text>Some text.</Text>
</View>
);
}
}Run eslint:
/myproject/src/components/Test.js
12:13 error Whitespace(s) cannot be used outside of a <Text> tag react-native/no-raw-text
13:40 error Whitespace(s) cannot be used outside of a <Text> tag react-native/no-raw-textIt's specifically complaining at the line endings. 🤔
Ideas? Editor line endings are \n. Here's the relevant config:
.eslintrc
{
"parserOptions": {
"ecmaVersion": 2018,
"ecmaFeatures": {
"jsx": true
}
},
"plugins": [
"react",
"react-native",
"prettier"
],
"env": {
"react-native/react-native": true
},
"extends": [
"airbnb",
"plugin:react-native/all",
"plugin:prettier/recommended"
],
"rules": {
"prettier/prettier": "error",
"react/jsx-filename-extension": ["error", { "extensions": [".js", ".jsx"] }]
}
}package.json:
{
"name": "empty-project-template",
"main": "./index.js",
"private": true,
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"eject": "expo eject",
"prettier": "prettier src/{,**/}*.js --write",
"eslint": "eslint src/"
},
"dependencies": {
"expo": "^30.0.1",
"prop-types": "^15.6.2",
"react": "16.3.1",
},
"devDependencies": {
"eslint": "^5.9.0",
"eslint-config-airbnb": "^17.1.0",
"eslint-config-prettier": "^3.3.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-jsx-a11y": "^6.1.2",
"eslint-plugin-prettier": "^3.0.0",
"eslint-plugin-react": "^7.11.1",
"eslint-plugin-react-native": "^3.5.0",
"prettier": "^1.15.3"
}
}Thanks!