Невозможно изменить цвета элементов div в компоненте, React Native ⇐ CSS

[Anonymous]

Я сейчас работаю над проектом наставника по интерфейсу:
Панель учета времени


Я строю это с помощью React Native, все идет хорошо , единственное, что Я не знаю, как изменить эти цвета:
[img]https://i. stack.imgur.com/gyZ9j.png[/img]

Если я попытаюсь изменить это в CSS, он просто изменит их все на один и тот же цвет, потому что вот мой код:< /p>
В файле Activity.jsx:

Код: Выделить всё

function ActivityCard(props) {
return (


[img]{props.image} alt=[/img]

{props.activity}
[img]{props.more} alt=[/img]



{props.duration}
{props.pastDuration}


);
}

В app.jsx:

Код: Выделить всё

function App() {
return (

{Schedule.map(createActivity)}

);
}

Это верхняя часть, цвет которой нужно изменить:

Код: Выделить всё

[img]{props.image} alt=[/img]

Надеюсь, вы сможете помочь. Спасибо, что уделили время.

Подробнее здесь: https://stackoverflow.com/questions/723 ... act-native