#react-native #styled-components #react-native-cli
#react-native #styled-компоненты #react-native-cli
Вопрос:
Я пытаюсь настроить свой первый проект на основе 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 не распознался, а затем проект ищет форматирование таблицы стилей… Кто-нибудь сталкивался с подобными проблемами?
Комментарии:
1. Я думаю, проблема не в том, как вы установили компонент, а в том, как вы отображаете сам стиль. Вам просто нужно написать
color: red;
, видите ли вы пример, который у них есть на веб- сайте styled-components , у них есть цвет без »2. Большое спасибо! Это решило мою проблему.