React native 如何覆盖react native中导航抽屉的默认行为？

我有没有办法让导航抽屉关闭（离开屏幕）超过屏幕宽度

我问这个的原因是因为在我的导航抽屉里，有一个图标像这样漂浮在导航抽屉的外面

当抽屉关闭时，这里就是结果

如您所见，浮动部分仍然可见

这是我的密码

    const Drawer = createDrawerNavigator(
    {
      Home: { screen: Home },
      Anatomy: { screen: Anatomy },
      Header: { screen: Header },
      Footer: { screen: Footer },
      NHBadge: { screen: NHBadge }
    },
    {
      initialRouteName: "Home",
      drawerLockMode: 'locked-closed',
      drawerPosition: 'right',
      drawerWidth: 300,
      contentComponent: props => <SideBar {...props} />
    }
    );

const Drawer=createDrawerNavigator(
{
主页：{screen:Home}，
解剖：{屏幕：解剖}，
标题：{屏幕：标题}，
页脚：{屏幕：页脚}，
NHBadge:{屏幕：NHBadge}
},
{
初始路由名称：“主页”，
抽屉锁定模式：“锁定关闭”，
抽屉位置：'对'，
抽屉宽度：300，
contentComponent:props=>
}
);

这是边栏代码

  render() {
return (
  <Container>
    <View style={styles.drawerCover} />
    <Image square style={styles.drawerImage} source={drawerImage} />

    <Content
      bounces={false}
      style={{ flex: 1, backgroundColor: "#fff", top: -1 }}
    >

      <List
        dataArray={datas}
        renderRow={data =>
          <ListItem
            button
            noBorder
            onPress={() => this.props.navigation.navigate(data.route)}
          >
            <Left>
              <Icon
                active
                name={data.icon}
                style={{ color: "#777", fontSize: 26, width: 30 }}
              />
              <Text style={styles.text}>
                {data.name}
              </Text>
            </Left>
            {data.types &&
              <Right style={{ flex: 1 }}>
                <Badge
                  style={{
                    borderRadius: 3,
                    height: 25,
                    width: 72,
                    backgroundColor: data.bg
                  }}
                >
                  <Text
                    style={styles.badgeText}
                  >{`${data.types} Types`}</Text>
                </Badge>
              </Right>}
          </ListItem>}
      />
    </Content>
  </Container>
);
}
}

render（）{
返回(
this.props.navigation.navigate（data.route）}
>
{data.name}
{data.types&&
{`${data.types}types`}
}
}
/>
);
}
}

编辑：解决方案

我就是这样解决这个问题的：

---

您可以尝试在抽屉关闭时将抽屉上图像的不透明度设置为0，在抽屉打开时将其设置为1。比如：@WiliamBrochensquejunior实际上我就是这样解决这个问题的，看看编辑过的问题。谢谢：）。