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