Simplest way to cascade styles in react native

react-native styles cascade
R01010010 picture R01010010 · Dec 23, 2016 · Viewed 12.4k times · Source

I see that in react native if I set a fontFamily in a, for example, a View, the inner elements do not inherit it the property. Is it there a cascade concept available in react native styling? How do I accomplish it?

Answer

R01010010 picture R01010010 · Dec 23, 2016

Apparently at this moment a component can only inherit a property of a parent only if the parent is of the same type or at least also support the property to inherit. I was setting fontFamily in the main View component and wasn't being inherited in the Text children.

Related questions

React Native Border Radius with background color

In React Native, borderRadius is working but the background color given to the button stays a square. What is going on here? JS <TouchableHighlight style={styles.submit} onPress={() => this.submitSuggestion(this.props)} underlayColor='#fff'> <Text …

Read More
Is there a way to style Picker component for React Native and make its height smaller?

I wanted to use the Picker component in my React Native application, but it takes up too much height of the screen. Is there a way to make the picker limit itself to show only, say, two items at a …

Read More
React Native: Text and Icon inline

I am trying to aline a Icon and a Text inline and align the text to the left and the icon to the right... This is how it is looking at the moment: However, I want to have the text …

Read More