使用react-native和styled-components如何更改子道具？

Question

我需要更改TouchableHighlight样式组件中的<Text/>的颜色。已尝试：

const Button = styled.TouchableHighlight`
    width: 100%;
    justify-content: center;
    background-color: #337ab7;
    
    Text {
      color: orange;
    }
`;

没有用..。另外，这个Text来自react-native，而不是一个样式化组件。

Answer 1

为Text创建单独的样式组件

// styled component
const StyledText = styled.Text`
   color: orange;
`;

并在代码中使用StyledText而不是Text