React native 反应本机：显示侧边栏，但无法与其交互

我正在使用

这是侧边栏：

<Sidebar
ref={(ref) => this._drawer = ref}
leftSidebar={ this.renderLeftSidebar() }
leftSidebarWidth = {200}
>

</Sidebar>

this.\u drawer=ref}
leftSidebar={this.renderLeftSidebar（）}
leftSidebarWidth={200}
>

这是我渲染左侧边栏的方式：

  renderLeftSidebar = () =>{
    return (
            <View style = {{ position:'absolute', backgroundColor:'#24292e4f', height:Dimensions.get('window').height}}>
                <DrawerContent/>
            </View>

    )
  }

export default DrawerContent = () => {
    return (
      <View style={styles.animatedBox}>

        <Image
        source={require('../assets/images/header.png')}
        style={{height:200, alignSelf:'center'}}
        />

        <View style = {styles.drawerContentView}>
        <Icon
        name='setting'
        type='antdesign'
        color='#4abce3'
        size ={22}
        iconStyle = {styles.drawerItemIconStyle}
        onPress={() => console.log('hello settings')}
        />
</View>

renderLeftSidebar=（）=>{
返回(
)
}

这是左侧边栏的内容：

  renderLeftSidebar = () =>{
    return (
            <View style = {{ position:'absolute', backgroundColor:'#24292e4f', height:Dimensions.get('window').height}}>
                <DrawerContent/>
            </View>

    )
  }

export default DrawerContent = () => {
    return (
      <View style={styles.animatedBox}>

        <Image
        source={require('../assets/images/header.png')}
        style={{height:200, alignSelf:'center'}}
        />

        <View style = {styles.drawerContentView}>
        <Icon
        name='setting'
        type='antdesign'
        color='#4abce3'
        size ={22}
        iconStyle = {styles.drawerItemIconStyle}
        onPress={() => console.log('hello settings')}
        />
</View>

导出默认抽屉内容=（）=>{
返回(
console.log（'hello settings'）}
/>

---

侧边栏可以正常打开并正确渲染，但当我尝试按下侧边栏上的任何内容时，按下的按钮会穿过侧边栏并与侧边栏下渲染的元素交互。我应该在我的样式中使用

zIndex

，还是我的方法完全错误？

如果使用

React native vector icons

，则

ICON

本身没有按钮属性

您可以使用图标按钮

从'react native vector icons/AntDesign'导入图标；
...
console.log（'hello settings'）}
>
这是背景

或者您可以使用

TouchableOpacity

导入{
可触摸不透明度
}从“反应本机”
从“反应本机矢量图标/AntDesign”导入图标；
...
console.log（'hello settings'）}>

@Amberyo如果我的回答有帮助，请检查并选择“V”和箭头好吗？嗨，我使用的是react native elements图标组件。这些图标有一个

onPress

prop。如果它放在侧边栏以外的地方，是否正常工作？