我可以在react-native中的样式组件内设置文本组件的样式吗

Question

我正在尝试将带样式的组件与react-native一起使用，并且我想为styled-components中另一个组件内部的特定组件设置样式。

import React from 'react';
import styled from 'styled-components/native';
import { Text } from 'react-native';

const Button = styled.TouchableOpacity`
  background-color: blue;
  height: 40;
  Text {
    color: white;
  }
`;

在render()方法中，我会这样称呼：

<Button>
  <Text>Button title</Text>
</Button>

但这似乎并没有改变Text的样式。 PS。文本来自“ react-native”，不是特定成分。

有人知道如何在Text组件内部设置Button的样式。我真的需要从styled.TouchableOpacity为其设置样式。 当我单独设置样式时，它可以工作。