反应导航v5迁移后不再有样式

Question

我已经从react-navigation 4迁移到react-navigation 5，我有一个奇怪的事情：用react-native-extended-stylesheet完成的所有样式都无法识别： 在styles.js中，我只有一个

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

用作

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

如果我替换为style = {{flex：1}}，我将恢复预期的样式...

当我检查渲染中的样式时，它为空{}！ styles.js加载良好（我已经检查了console.log）...

也许它来自SafeArea？

<SafeAreaConsumer>
   {(insets) => (
     <KeyboardAvoidingView
        style={{ flex: 1, justifyContent: 'flex-start', paddingTop: insets.top }}
     >