TouchableOpacity items not clickable when using drawer types "static" or "displace"

Great component, but unfortunately, any time I set the drawer type to “static” or “displace”, my clickable items that are inside my opened drawer no longer work. I am using react-native-router-flux for actions, and the items in my drawer are this (this is inside a View that wraps the whole thing):

                <ScrollView>
                    <View style={{position: 'relative'}}>
                        <TouchableOpacity 
                            style={controlPanel.link}
                            underlayColor="#1f1f1f"
                            onPress={Actions.home}>
                            <Text style={controlPanel.linkText}>Home</Text>
                        </TouchableOpacity>                
                    </View>
                    <View style={{position: 'relative'}}>
                        <TouchableOpacity 
                            style={controlPanel.link}
                            underlayColor="#1f1f1f"
                            onPress={Actions.account}>
                            <View>
                                <Text style={controlPanel.linkText}>Your Account</Text>
                            </View>
                        </TouchableOpacity>
                    </View>
                    <View style={{position: 'relative'}}>
                        <TouchableOpacity 
                            style={controlPanel.link}
                            underlayColor="#1f1f1f"
                            onPress={Actions.login}>
                            <View>
                                <Text style={controlPanel.linkText}>Sign Out</Text>
                            </View>
                        </TouchableOpacity>
                    </View>
                    <View style={controlPanel.close}>
                    </View>
                </ScrollView>

Switching back to “overlay” as my drawer type makes them work again.

[ghost]

Thought I’d try to provide sample usage for this. I’m having somewhat of a similar issue but I cannot activate Touchable buttons while using “overlay”. If I switch to using the other types, the buttons suddenly work. My usage is as follows:

<Drawer
    content={<SideNavigation auth={this.auth} navigation={(route) => {route === 'logOut' ? this.logout() : this.handleRoute(route)}}/>}
    tapToClose={true}
    ref={ref => this.drawer = ref}
    panOpenMask={0.2}
    panCloseMask={0.6}
    openDrawerOffset={0.5}
    captureGestures={false}
    type="overlay"
    negotiatePan={true}
    >
    {this._renderNavigationBar()}
    <Navigator
    ref={(ref) => {this.localNavigator = ref;}}
    initialRoute={{name: this.state.code ? 'joinPrivateLeague' : 'gameCenter'}}
    renderScene={(r, n) => {return this.renderScene(r, n)}}
    configureScene={() => { return Navigator.SceneConfigs.FloatFromRight;}}
    />
  </Drawer>

Let me know if I can clarify more.

[Pooja043]

Works only when panOpenMask, panCloseMask props are removed from props.