vitalets / react-native-extended-stylesheet

Extended StyleSheets for React Native
MIT License
2.93k stars 132 forks source link

Styles disappear after sdk36/ react-navigation v5 update #127

Closed lc3t35 closed 4 years ago

lc3t35 commented 4 years ago

Steps to Reproduce

I've migrated an existing sdk35/react-nativation 4 to sdk36/react-navigation 5, I have a strange thing: all my styles done with react-native-extended-stylesheet aren't recognized : in styles.js, I have just an

export default EStyleSheet.create({ container: { flex: 1 }, ... }),

and used as

import styles from './styles', ... render() ... <KeyboardAvoidingView style={styles.container}

If I replace by style={{flex: 1}}, I recover the expected style ...

When I check styles in render, it is empty {} ! styles.js is well loaded (I've put a console.log to check)

This is similar to #100

Environment

Expo CLI 3.11.9 environment info:
    System:
      OS: macOS High Sierra 10.13.6
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 10.15.0 - /usr/local/bin/node
      Yarn: 1.21.1 - ~/.yarn/bin/yarn
      npm: 6.11.3 - /usr/local/bin/npm
      Watchman: 4.7.0 - /usr/local/bin/watchman
    IDEs:
      Android Studio: 3.3 AI-182.5107.16.33.5314842
      Xcode: 10.1/10B61 - /usr/bin/xcodebuild
    npmPackages:
      @bugsnag/expo: 6.5.1 => 6.5.1 
      expo: ^36.0.0 => 36.0.2 
      react: 16.9.0 => 16.9.0 
      react-native: https://github.com/expo/react-native/archive/sdk-36.0.1.tar.gz => 0.61.4 
    npmGlobalPackages:
      expo-cli: 3.11.9
lc3t35 commented 4 years ago

Missing EStyleSheet.build ! My bad.