Блог

Я пытаюсь настроить свой первый проект на основе React-Native и попытался сделать это сначала с помощью Expo, но столкнулся с той же проблемой, что и с React-Native CLI, когда хотел установить styled-components.

Ошибка, которую я получаю, такова:

Недопустимый реквизит исключения компонента color , предоставленный StyleSheet generated : red Допустимые цветовые форматы … (и список допустимых форматов)

В expo я продолжал получать ту же ошибку, но VSCode показывал ошибку импорта при импорте styled-components, в которой говорилось, что styled-components имеет тип any (даже если я делаю обычный проект JS, а не Typescript). В начале Expo выдавал мне сообщение об ошибке, что он не может найти папку styled-components в node_modules (даже если она установлена правильно).

Это ошибка, которую выдает мне эмулятор: Исключение компонента

Я попытался переустановить styled-components — переустановив его с npm install styled-components --save помощью и по-прежнему получая ту же ошибку.

Я также пробовал импортировать стилизованные компоненты по-разному

 import styled from 'styled-components/native';
 

и

 import styled from 'styled-components';
 

Я также пробовал разные способы создания стилизованного компонента

 const Title = styled.Text`
  color: 'red';
`;
 

и

 const Title = styled(Text)`
  color: 'red';
`;
 

Это как если бы styled-components не распознался, а затем проект ищет форматирование таблицы стилей… Кто-нибудь сталкивался с подобными проблемами?