How to use the react-native-gesture-handler/DrawerLayout.positions function in react-native-gesture-handler

render() {
    const drawerType = TYPES[this.state.type];
    const parallax = PARALLAX[this.state.type];
    return (

{({ state: { userId } }) => (
          
             this.setState({ drawerIsOpen: false })}
              onDrawerOpen={() => this.setState({ drawerIsOpen: true })}
              renderNavigationView={() => (
                 p.userId === userId && p.replyTo === null)
                          .length
                      : 0
                  }
                  drawerLayoutRef={this.drawerRef}
                  userId={userId}

render() {
        const { navigation, screenProps: { themeColor } } = this.props;
        const { title, type } = navigation.state.params;
        const { Channel, Plot, Area, Year, isRender, data, isEnding } = this.state;
        return (
             this.drawer = drawer}
                drawerBackgroundColor="#fff"
                edgeWidth={50}
                onDrawerOpen={this.onDrawerOpen}
                onDrawerClose={this.onDrawerClose}
                drawerWidth={$.WIDTH * .8}
                renderNavigationView={() =>  this.drawerContent = drawer} themeColor={themeColor} closeDrawer={this.closeDrawer} type={type} state={{ Channel, Plot, Area, Year }} setType={this.setType} />}
            >