时间戳

首页 > 解决方案 > React Native 同时按下两个按钮

javascript - React Native 同时按下两个按钮

问题描述

目标

我需要用户能够在 React Native 中同时按下多达 4 个按钮。

当前的障碍

我正在使用 TouchableHighlight，当按下一个按钮时，用户无法按下其他 3 个按钮。

代码

这是我用来显示您在下面看到的 4 个彩色象限中的每一个的函数。如果包含更多代码会有所帮助，请告诉我！

    return (
      <TouchableOpacity
        style={[styles.button, styles[color]]}
        onPress={() => {
          EventRegister.emit('firstPressed', color);
          EventRegister.removeEventListener(this.listener);
          this.setState({[color]: true});
        }}
        disabled={this.state[color]}></TouchableOpacity>
    );
  };

截屏

这是应用程序的屏幕截图，当倒计时时钟归零时，4 名玩家竞相以最快的速度按下每个按钮（这是一个 iPad 应用程序，因此他们有一个很大的游戏表面）。每个玩家都需要从他们的触摸中接收反馈，否则他们会认为他们输了，因为应用程序没有识别他们的输入。

截屏

标签： javascriptandroidiosreactjsreact-native

解决方案

推荐阅读