Как стилизовать вложенный компонент в React Native с помощью Styled Components - PullRequest
Новая
       72

Как стилизовать вложенный компонент в React Native с помощью Styled Components

0 голосов
/ 13 апреля 2020

Как изменить стиль вложенного компонента при объявлении родительского стиля? например. сложная композиция, в случае компонентов React Native и Styled.

PS Я не хочу использовать ThemeProvider для каждого составного компонента.

Я попробовал официальный способ, который я видел в документах Styled Components. но это не работает Возможно из-за несуществующего css cascading в случае реакции native.

Так вот вопрос: как правильно это сделать правильно? 

const StyledText = styled(Text)`
  color: blue;
`

const ComposedView= () => <View><StyledText>Hi</StyledText ></View>;

const StyledView = styled(ComposedView)`
  padding-left: 40px;
  padding-top: 120px;
  ${StyledText} {
    color: red;
  }
`

Expected Behavior
<StyledText> within <StyledView> should be red, and blue when it's outside a <StyledView

Спасибо за любую помощь

...