在react-navigation中刷新contentComponent

Rav*_*avi 5 javascript android ios react-native react-navigation

我正在使用React-Navigation,我使用React-Navigation来使用自定义抽屉的功能contentComponent.

const DrawerNavigation = DrawerNavigator({
  DrawerStack: { screen: DrawerStack }
}, {
  contentComponent: DrawerComponent,
  drawerWidth: 300
})
Run Code Online (Sandbox Code Playgroud)

这里DrawerComponent是我的自定义导航抽屉,我使用自定义导航项目,如用户名,个人资料图片,电子邮件地址和其他菜单.

现在每当用户更新他们的个人资料我想刷新我的DrawerComponent时,我都无法找到任何方法来做到这一点.任何人都可以建议我实现这个的好方法吗?

小智 1

我知道这是一个老问题了,但你可以通过导入代码来做到这一点

import DrawerView from '../Drawer/Drawer'

contentComponent: DrawerView

then in the DrawerView file

class DrawerView extends Component {
    render(){
        return(
            //Do your stuff here
        )
    }
}

export default DrawerView;
Run Code Online (Sandbox Code Playgroud)

欲了解更多信息,请访问此链接并感谢 Kakul Gupta 的帮助 https://codeburst.io/custom-drawer-using-react-navigation-80abbab489f7