Я пытаюсь использовать стилевые компоненты с Reaction-native, и я хочу стилизовать указанный c компонент внутри другого компонента из 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()
I назвал бы это так:
<Button>
<Text>Button title</Text>
</Button>
Но это, похоже, не меняет стиль текста. PS. Текст взят из'act-native ', он не указывает c компонент.
Кто-нибудь знает, как я могу стилизовать Text
внутри этого Button
компонента. Мне действительно нужно стилизовать его от styled.TouchableOpacity
. Это работает, когда я оформляю это отдельно.