反应原生可触摸不透明度

时间:2021-05-03 15:11:44

标签: javascript reactjs react-native

我有这段代码,其中 TouchableOpacity 不起作用,我不知道为什么:

const Box = (props) => {
  return (
      <View>
        <TouchableOpacity onPress={() => {props.callBackProp(); props.budCallBackProp(props.name)}}>
          <View style={styles.inputBox}>
            <Text style={styles.testText}>{props.name}</Text>
          </View>
        </TouchableOpacity>
      </View>    
  );
}

这里出了什么问题?

编辑:

首先,我点击这个带有“budynek”文本的蓝色按钮,它会打开一个看起来像列表的东西。然后在我单击某个选项后,我希望它消失,这就是这些回调的用途。我将每个选项都包裹在这个 TouchableOpacity 组件中,但单击它后没有任何反应 - 单击没有效果。包含这些“Box”组件的视图是绝对定位的。其余代码如下:

  return (
    <View style={styles.rozwijanaPoz}>
      <Pusty/>
      <Box name={"budynek 1"} callBackProp={props.callBack} budCallBackProp={props.budCallBack}/>
      <Box name={"budynek 2"} callBackProp={props.callBack} budCallBackProp={props.budCallBack}/>
      <Box name={"budynek 3"} callBackProp={props.callBack} budCallBackProp={props.budCallBack}/>
    </View>
  );
}


const styles = StyleSheet.create({
rozwijanaPoz: {
position: "absolute",
left: 60,
},
});

和主容器:

    <TouchableOpacity onPress={() => setIsVisible(true)}>
      <View style={styles.budynekContainer}>
        <Text style={styles.budynekTekst}>{budynekText}</Text>
        {isVisible ? 
          <Rozwijana callBack={visibleCallBack} budCallBack={budynekCallBack}/>
         : null}
      </View>
    </TouchableOpacity>

enter image description here

enter image description here

0 个答案:

没有答案