Using themes in style sheets

user_13990801 0
Viewed 169

I am using react navigation's theme functionality to switch between dark and light mode and getting the colors for the mode with const { colors } = useTheme(); However I am trying to set colors in a stylesheet. How should I go about doing this. I have been doing {[styles.subtitle, colors.text]} to set styles on components. Is there a cleaner way to do this? Such as setting the color inside the styles.subtitle object?

react-native-stylesheet darkmode react-navigation
1 Answers

Make your stylesheet in the body of your component. Define const { colors } = useTheme(); and then directly beneath that (instead of at the bottom of the file), create your stylesheet

user_139908010
Related