Javascript 如何在父容器外保持可触摸元件可按下

Javascript 如何在父容器外保持可触摸元件可按下,javascript,react-native,react-native-android,Javascript,React Native,React Native Android,我正在尝试创建一个下拉菜单,它与下拉菜单正好相反。对象具有“非活动”状态(折叠时)和“活动”状态(菜单向上展开时)。请参见显示所有选项的右图。但是,由于某些原因,当菜单展开时,包含“1x”、“2x”的可触摸不透明度元素变得不必要。父视图中包含的菜单选项是可按的预期功能。我希望主菜单中父栏外包含的元素也可以按。出于某种原因,这个问题只存在于android版本的应用程序中,而在iOS中则没有 我尝试过调整这些按钮的z分数和标高以及它们各自的视图,但这似乎不起作用 下面是主页的图片 Main.js

我正在尝试创建一个下拉菜单,它与下拉菜单正好相反。对象具有“非活动”状态(折叠时)和“活动”状态(菜单向上展开时)。请参见显示所有选项的右图。但是,由于某些原因,当菜单展开时,包含“1x”、“2x”的可触摸不透明度元素变得不必要。父视图中包含的菜单选项是可按的预期功能。我希望主菜单中父栏外包含的元素也可以按。出于某种原因,这个问题只存在于android版本的应用程序中,而在iOS中则没有

我尝试过调整这些按钮的z分数和标高以及它们各自的视图,但这似乎不起作用

下面是主页的图片

Main.js

class Main extends Component {
    render() {
        return (
            <View style={{flex: 1, flexDirection:'column-reverse', backgroundColor:'black'}}>
                <View style = {styles.bar}>
                    <DropUpMenuTwo />
                </View>
            </View>
        )
    }
}

export default (Main)

const styles = StyleSheet.create({
    bar: {
        width: Dimensions.get('window').width,
        height: Dimensions.get('window').height * 0.10,
        backgroundColor: 'white',
        flexDirection:'column-reverse'
    }
});
下拉菜单代码

let data = [{
        value: '1x',
    }, {
        value: '2x',
    }, {
        value: '4x',
    },
    {
        value: '8x',
    },
    {
        value: '10x',
    }
]

export default class DropUpMenuTwo extends Component<{}> {
    constructor(props) {
        super(props)

        var options = []

        for (let i = 0; i < data.length; i++) {
            options.push(

                    <TouchableOpacity style={styles.speedRectangle} onPress={ () => this.handle_press(i,data[i].value)} >

                            <Text>
                                {data[i].value}
                            </Text>

                    </TouchableOpacity>

            )
        }
        this.state = {
            active: false,
            options_shown: options,
            current_selected: options[data.length-1]
        }
    }


    render() {
        return (
            <View>
                {this.state.current_selected}
            </View>
        )
    }
}


解决方案是使用“react native手势处理程序”库中的TouchableOpacity

你所说的“它现在可按下”是什么意思?你想将点击器的东西显示为光标,点击或显示时颜色变暗,还是“可按下”的确切含义?这是一款android应用程序,touchable opacity是一种使按钮“可按下”的包装,那么它是安卓应用程序还是网站?你的问题标签上写着javascript和html。这是一个在react native(JS框架)中创建的android应用程序