Reactjs 如何使用已设置样式的组件在React Native中设置嵌套组件的样式

在声明父样式时，如何更改嵌套组件的样式？例如，复杂的成分，如反应本机和风格的成分

另外，我不想为每个组成的组件使用EProvider

我尝试了我在样式化组件文档中看到的官方方式，但它不起作用。可能是因为在react native的情况下不存在css

级联

所以问题是：正确的方法是什么

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

const StyledText=styled（Text）`
颜色：蓝色；
`
const ComposedView=（）=>Hi；
const StyledView=styled（ComposedView）`
左侧填充：40px；
填充顶部：120px；
${StyledText}{
颜色：红色；
}
`
预期行为
内部应该是红色，外部应该是蓝色。你真的喜欢使用这个软件包吗？这似乎是在与我们的精神抗争。。。我真诚的建议是使用react原生样式语法！嗨，詹姆斯！看来你是对的。经过两天多的努力，我决定基于标准的react native styles流编写自己的样式。但是我不确定为什么样式化组件在复杂的本地组合中工作得非常努力。也许我们只是不知道些什么。你真的喜欢用这个软件包吗？这似乎是在与我们的精神抗争。。。我真诚的建议是使用react原生样式语法！嗨，詹姆斯！看来你是对的。经过两天多的努力，我决定基于标准的react native styles流编写自己的样式。但是我不确定为什么样式化组件在复杂的本地组合中工作得非常努力。也许我们只是不知道什么。