Common place for every component to use drawer

Do I need to use <Drawer> object for every component OR can I use it commonly? . Currently I have to repeat this code for every component

   var Feed = React.createClass({
     render: function() {
        return (
         <Drawer
                ref={(ref) => this._drawer = ref}
                style={styles.drawerStyles}
               closedDrawerOffset={-3}
               tapToClose={true}
               openDrawerOffset={0.2}
                content={<ControlPanel navigator={this.props.navigator}/>} >

              <MainView 
                openControlPanel={this.openControlPanel} 
                 closeControlPanel={this.closeControlPanel} 
                 navigator={this.props.navigator}/>
  </Drawer>
    );
},
    closeControlPanel: function() {
      this._drawer.close()
     },
    openControlPanel: function() {
       this._drawer.open()
    },
    onStartPress: function() {
       this.props.navigator.replaceWithAnimation({name: 'feed'})
    }
  }); 



   **<MainView> is getting replaced by other component only while rest of the code is same**

[waleedarshad-vf]

@joshuapinter sorry about that

[waleedarshad-vf]

@joshuapinter github is showing that you contributed to this repository. by the way if you have answer. you should pay attention to this tag. otherwise you can simply ignore it.