如何在React Native中使用样式化组件样式化嵌套组件

Question

在声明父样式时如何更改嵌套组件的样式？例如。复杂的组成，例如React Native和Styled组件。

P.S。我不想为每个组成的组件使用ThemeProvider。

我尝试了在“样式化组件”文档中看到的正式方式，但是它不起作用。也许是由于在本机反应情况下css cascading不存在。

问题是：正确的正确做法是什么？

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

感谢您的帮助