StyleSheetの参照ではなく、 `props.sceneStyle`に生のオブジェクトを提供してください。

Question

私は自分自身でこの質問への答えを見つけましたが、将来のGoogle社が簡単に見つけて得るためにここに質問を投稿しています問題の解決策。

廃止予定のNavigatorコンポーネントを使用しているときと、 'sceneStyle'プロパティを使用しているときに問題が発生しました。以下は、私に次のエラーを与えた

<Navigator 
    initialRoute={routes.main} 
    renderScene={this._renderScene} 
    style={styles.container} 
    sceneStyle={styles.sceneContainer} 
    /> 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    }, 
    sceneContainer: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'stretch' 
    }, 
}) 

：

Invariant violation: error when using Navigator from react-native-custom-components. Please provide a raw object to props.sceneStyle instead of a StyleSheet reference

Answer 1

がエラーを補正するために、私は次のようにコードを変更しなければならなかった：私のオリジナルナビゲーター・コンポーネントは、このように見えた

<Navigator 
    initialRoute={routes.main} 
    renderScene={this._renderScene} 
    style={styles.container} 
    sceneStyle={{ 
     flex: 1, 
     justifyContent: 'center', 
     alignItems: 'stretch' 
    }} 
    /> 

これにより、エラーが取り除かれ、ナビゲータコンポーネントが正常に機能するようになりました。