no-raw-text doesn't work for custom styled components

Unless I’m doing something wrong, the no-raw-text rule doesn’t seem to work when using styled-components. This makes it largely useless I think? Would be nice to be able to use this rule but not sure how to do so when using styled-components.

import styled from 'styled-components/native';

let view = () => (
  <MyText>This doesn't work</MyText>
);

const MyText = styled(Text)`
  font-size: 16;
`;

[mattpetrie]

Also running into this. One possible option to fix it would be to change the skip option to accept a regex instead of (or in addition to) an array of strings, so that you could do, for example:

'react-native/no-raw-text': ['error', {skip: '/Text$/'}]

to skip any component that is suffixed with Text.

[LauraBeatris]

Same problem… My codebase is using a lot of Typograph components made with styled-components and unfortunately, I had to disable this rule