Get CSS property values from a component's “style” prop

Question

I\'m writing a React Native component for a library and I want users to be able to style it using the style property, just like React.View and other bu

Answer 1

Please have a look on https://github.com/vitalets/react-native-extended-stylesheet#underscored-styles

Style created via extended stylesheet contains original values in underscored prop:

const styles = EStyleSheet.create({
  text: {
    fontSize: '1rem',
    color: 'gray'
  }
});

In runtime:

styles = {
  text: 0,
  _text: {
    fontSize: 16,
    color: 'gray'
  }
}