¿Cómo obtener el tema fuera de los componentes con estilo?
Sé como conseguir eltheme
a partir de componentes que se crean utilizando elstyled
camino:
const StyledView = styled.View`
color: ${({ theme }) => theme.color};
`;
Pero como llegar desdecomponentes normales o aplicarlo paradiferentes propiedades? Ejemplo:
index.js
<ThemeProvider theme={{ color: 'red' }}>
<Main />
</ThemeProvider>
main.js
<View>
<Card aCustomColorProperty={GET COLOR FROM THEME HERE} />
</View>
Observe cómo la propiedad que necesita el tema no se llamastyle