no-raw-text does not properly consider Animated.Text

The following code:

<Animated.Text>Some Text</Animated.Text>

Triggers this error:

 error  Raw text Some Text cannot be used outside of a <Text> tag  react-native/no-raw-text

This should not create an error as Animated.Text is a Text tag

[ahartzog]

You can add this to your .eslintrc for a short term fix @holden-caulfield

‘react-native/no-raw-text’: [ 2, { skip: [‘H1’, ‘H2’, ‘H3’, ‘Animated.Text’], }, ],

I use NativeBase so the h1, h2, h3 also fit this

I agree the rule needs to be adjusted to fix these by default rather than needing the skip setup though.

[njdancer]

I know this change has already been merged so maybe this should be brought up in a new issue but, am I the only one who would like some kind of wildcard matching?

Ideally I’d like an option to suppress errors if the component name ends with Text. There are a number of places in my code where I will use styled to create various Text components with different styling. The names can vary but generally always end with Text. There may be reasons why this shouldn’t be the default behaviour but as an opt-in I can’t see it causing any pain. Another option would be to allow regex to be passed to skip.

Happy to have a look at implementing this if it’s likely to get merged.