In app entry point call EStyleSheet.build() to actually calculate styles: /* app.js */ import EStyleSheet from 'react-native-extended-stylesheet'; EStyleSheet.build({ // always call EStyleSheet.build() even if you don't use global variables! $textColor: '#0275d8' });...
AppContainer itself: https://github.com/vitalets/react-native-extended-stylesheet/blob/orientation-support/src/components/app-container.js Example of wrapping app: https://github.com/vitalets/react-native-extended-stylesheet/blob/orientation-support/examples/orientation-change/app.js The problem is to...
npm i react-native-extended-stylesheet --save Usage Define styles using EStyleSheet.create(): // component.js import EStyleSheet from 'react-native-extended-stylesheet'; const styles = EStyleSheet.create({ column: { width: '80%' // 80% of screen width }, text: { color: '$textColor'...