Почему я не могу использовать линейный градиент с `styled-components`?

Question

Проблема:

Когда я создаю простой View с этим стилем в Reaction-native, используя styled-components:

const Container = styled.View`
  flex: 1;
  background: linear-gradient(#006ded 0%, #1bace2 34.48%, #00e2ed 100%);
`;

, я получаю эту ошибку:

Ошибка: не удалось разобрать объявление "background: linear-Gradient (# 006ded 0%, # 1bace2 34.48%, # 00e2ed 100%)"

Разве это неправильное использование линейных градиентов?У меня есть файл дизайна от друга и я просто скопировал код CSS.Я не очень хорошо разбираюсь в css, я должен признаться, но я посмотрел это на документах Mozilla.Похоже, синтаксис не правильный?

Как мне добиться этого градиента, используя 3 цвета?

Answer 1

Это не поддерживается.Вы можете найти подтверждение здесь:

https://github.com/styled-components/styled-components/issues/1170

Обходной путь: Используйте фоновое изображение с реагирующим ImageBackground компонентом https://facebook.github.io/react-native/docs/imagebackground

Thx дляинформация @ mulsun