反応ナビゲーション内のコンテンツコンポーネントをリフレッシュ

Question

私はReact-Navigationを使用しています。ここでは、リアカバーのcontentComponentを使用してカスタム引き出しの機能を使用しています。

const DrawerNavigation = DrawerNavigator({ 
DrawerStack: { screen: DrawerStack } 

}, { 
    contentComponent: DrawerComponent, 
    drawerWidth: 300 
}) 

ここでDrawerComponentは、ユーザーネーム、プロフィール画像、メールアドレスなどのカスタムナビゲーション項目を使用したカスタムのナビゲーションドロワーです。

ユーザーがプロフィールを更新するたびに、私はDrawerComponentを更新したいと思います。私はそれを行う方法を見つけることができません。誰も私にこれを実装する良い方法を提案することはできますか？

Answer 1

私はまた、エレガントな方法を見つけようとしています。 1つの方法は、コンポーネントをreduxに接続することです。 <Navigator/>レベルのプロパティを渡すことをお勧めしますが、現在は不可能です。

Answer 2

私はそれが今、古い質問です知っていますが、「../Drawer/Drawer」

contentComponentから

輸入DrawerViewのようなコードをインポートすることによってこれを行うことができます。DrawerView

、その後でDrawerViewファイルは

クラスDrawerViewは{

{（）レンダリングコンポーネントを拡張します

return(

//ここに自分のものを実行してください

)} 

}

輸出デフォルトDrawerView。

詳細については、このリンクをご覧ください。これについては、Kakul Guptaに感謝します。https://codeburst.io/custom-drawer-using-react-navigation-80abbab489f7