Button 和 TouchableOpacity 对 onPress 事件没有反应

Question

我有以下代码：

import React, {Component} from 'react';
import {Platform, ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View,} from 'react-native';
import {Alert} from "react-native-web";


export default class HomeScreen extends Component {

    state = {text: ''};

    _onPressSearch() {
        Alert.alert("Button pressed!")
    }

    render() {
        return (<View style={styles.container}>
            <ScrollView style={styles.scrollViewContainer} contentContainerStyle={styles.contentContainer}>
                <View style={styles.searchContainer}>

                    <TextInput placeHolder="Type something!" onChangeText={(text) => this.setState({text})}
                               value={this.state.text}/>

                </View>

                <TouchableOpacity
                    onPress={this._onPressSearch}>
                    <View>

                        <Text>Search</Text>

                    </View>
                </TouchableOpacity>

                <View style={styles.listContainer}>

                    <Text>{this.state.text}</Text>

                </View>



            </ScrollView>


        </View>

我的问题是当我点击 TouchableOpacity 时没有任何动作发生（在我的例子中显示警报）。我试图将 ToachableOpacity 和 View 组合更改为通常的按钮，但没有再发生任何事情。那么，问题是什么，我该如何解决？

Answer 1

查看文档似乎 Alert 在 react-native-web 中尚未完成 (https://github.com/necolas/react-native-web)。这是关于 react-native-web 警报的问题：https://github.com/necolas/react-native-web/issues/1026

尝试使用默认 javascript 警报执行 alert("Button pressed!") 或从 react-native

导入 Alert

代码看起来不错

Button 和 TouchableOpacity 对 onPress 事件没有反应

Button and TouchableOpacity don't react on onPress events

button

react-native

touchableopacity