Question

我在Overaly表单的react-native元素中放置了两个TouchableOpacity按钮，当我单击它们时什么也没有发生。

不覆盖其中的支持按钮吗？在“重叠式广告”的文档中未提及。

import { Overlay } from 'react-native-elements';

toggleOverlay = () => {
     this.setState({isVisible: !this.state.isVisible});
};

                <Overlay
                    isVisible={this.state.isVisible}
                    onBackdropPress={this.toggleOverlay}
                    height="82%"
                    width= "95%"
                >

                    <View style={styles.contenedor_Botones}>

                        <View style={styles.botones_Principales}>

                            <TouchableOpacity style={styles.boton_Principal}
                                onPress={() => {
                                    this.toggleOverlay();
                                }}
                            >
                                <Text style={styles.texto_Boton}>
                                    METEREOLOGÍA
                                </Text>
                            </TouchableOpacity>

                            <TouchableOpacity style={styles.boton_Principal}
                                onPress={() => {
                                    alert("auwydau");
                                }}>
                                <Text style={styles.texto_Boton}>
                                    INFORMACIÓN ADICIONAL
                                </Text>
                            </TouchableOpacity>

                        </View>

                    </View>

                </Overlay>

当我按下这些按钮时，我想打开一个新的叠加层。感谢您的帮助！

Answer 1

我只有Android遇到同样的问题。

我使用import { TouchableOpacity } from 'react-native'解决了这个问题。

在我使用import { TouchableOpacity } from 'react-native-gesture-handler'之前。

React-native-elements叠加层会忽略TouchableOpacity onPress函数

1 个答案: