React-native: 状態 `RESPONDER_INACTIVE_PRESS_IN`からサポートされていない` RESPONDER_ACTIVE_LONG_PRESS_IN`に移行しようとしました。

作成日 2016年02月08日  ·  162コメント  ·  ソース: facebook/react-native

#1693に似ています。 React Native0.19.0でのChromeデバッグのTouchableコンポーネントに問題があるようです。

Attempted to transition from state `RESPONDER_INACTIVE_PRESS_IN` to `RESPONDER_ACTIVE_LONG_PRESS_IN`, which is not supported.
This is most likely due to `Touchable.longPressDelayTimeout` not being cancelled.

stack:
reactConsoleError                                 @ ExceptionsManager.js:76
console.error                                     @ YellowBox.js:49
TouchableMixin._handleLongDelay                   @ Touchable.js:575
JSTimersExecution.callbacks.(anonymous function)  @ JSTimers.js:47
JSTimersExecution.callTimer                       @ JSTimersExecution.js:69
JSTimersExecution.callTimers                      @ JSTimersExecution.js:92
__callFunction                                    @ MessageQueue.js:183
(anonymous function)                              @ MessageQueue.js:87
guard                                             @ MessageQueue.js:41
callFunctionReturnFlushedQueue                    @ MessageQueue.js:86
onmessage                                         @ debuggerWorker.js:39

このエラーを生成するコードは、TouchHighlightコンポーネントを使用して新しく起動したアプリケーションからのものです。

class App extends Component {
  constructor() {
    super()
    this.state = {
      testText: ''+Math.random()
    }
  }

  _updateTouch(e) {
    this.setState({testText: ''+Math.random()})
  }

  render() {
    return (
      <View style={styles.container}>
        <Text>
          {this.state.testText}
        </Text>
        <TouchableHighlight onPress={this._updateTouch.bind(this)}>
          <Image
            style={width: 100, height: 100}
            source={{uri: 'http://facebook.github.io/react/img/logo_og.png'}}
          />
        </TouchableHighlight>
      </View>
    );
  }
}

PSスタックトレースをコピーするためのより良い方法はありますか? Chrome開発ツールコンソールからコピーしているだけです

Locked

最も参考になるコメント

ビューを追加した後に修正されました

<TouchableNativeFeedback>
     <View> // <= here
         <Text style={css.item}>{rowData.title + rowData.id}</Text>
     </View>
</TouchableNativeFeedback>

全てのコメント162件

ちょっとDyscrete、この問題を報告してくれてありがとう!

おそらく聞いたことがあると思いますが、React Nativeは非常に人気があり、真実はそれを取り巻く活動に少し圧倒されているということです。 適切に管理するには問題が多すぎます。

  • 何かを行う方法がわからない、または何かが期待どおりに機能していないが、それがバグであるかどうかわからない場合、タグreact-native付けてStackOverflowで質問するか、よりリアルタイムのやり取りについては、 Discordで質問してください。 #react-ネイティブチャンネル。
  • これが機能のリクエストまたは修正したい製品の問題について報告してください。 コミュニティが経験している最も重要な問題に焦点を当てることができるランキング機能があります。
  • 詳細な議論の準備ができている明確な問題とPRを歓迎します。 必要に応じてスクリーンショットを提供し、使用しているReactNativeのバージョンを常に記載してください。 貢献していただきありがとうございます!

iPhone6(9.1)でテストしたときに同じエラーが発生します

この問題は#1693とどう違うのですか? 一般的に、問題は同じようです。 詳細が記載されているので、閉じてさらに調査を続けることはできますか?

+1
私もこの問題を抱えています、そしてそれは頻繁にナビゲーターを切り替えることが起こりました

@askdayとして再現性も向上します。 OPが何か違うことを言ったら、再開してください。

私にとっても同じエラーです。
反応0.31
Chromeのデバッグ。
通常の使用では問題ありません。

console.error: "状態RESPONDER_INACTIVE_PRESS_INからRESPONDER_ACTIVE_LONG_PRESS_INに移行しようとしましたが、これはサポートされていません。これは、 Touchable.longPressDelayTimeoutがキャンセルされていないことが原因である可能性があります。"

Object.console.error
YellowBox.js:60
Constructor._handleLongDelay
Touchable.js:595
JSTimersExecution.callbacks。(匿名
index.ios.bundle?platform = ios&dev = true&minify = false:8476 :13
Object.callTimer
JSTimersExecution.js:84

JSTimersExecution.js:119
Object.callTimers
JSTimersExecution.js:119
MessageQueue .__ callFunction
MessageQueue.js:204

MessageQueue.js:95

+1

+1

+1

+1

:+1:

👍

+1

+1

+1

+1

+1

+1

+1

+1

+1

私もこのエラーが発生していますが、Androidでのみ発生します。 IOSは期待どおりに機能しています。

+1

+1

+1

+1

+1

+1

+1

+1同じエラーはAndroidでのみ発生しますが、iOSは正常に機能します。

+1 @ binzailani3136と同じ

+1

このバグがRN0.39の最も悪名高い問題の1つとして選択されたことをおめでとうございます

+1

+1

+1

+1

+1

+1

+1

+1

みんな、あなたの+1は役に立たない、そしてこれは#1693にある

+1

+1

+1

+1

+1

+1

多くの人がいつもこの問題を抱えているようですが、これは閉じられているので、ここで新しい問題を作成します:#11989

+1

+1

@ magrinj 、RN 0.37を使用している私を含め、非常に多くの人がこのエラーを繰り返し発生する

@fungilationたぶん、新しいチケットを開いて間違いを犯したのかもしれません。これは開いていて、同じ問題について話しているからです:#1693

ビューを追加した後に修正されました

<TouchableNativeFeedback>
     <View> // <= here
         <Text style={css.item}>{rowData.title + rowData.id}</Text>
     </View>
</TouchableNativeFeedback>

@Yadro 、追加のビューを挿入するとアプリ側からこれが修正されるという意味

うーん、私の英語は悪いですが、追加のビューを挿入するとこの問題は解決します

Ok。 追加のビューでこの問題が発生する場合は、報告します

+1

これは、リモートデバッグを行っているときにのみ取得されます。 これは正常には発生しません。 RN.41.2。 Windows 10. Android

+1

@ ckwong90 、ここにいくつかありますが、リモートデバッグ時にのみ表示されます
RN.41.2。 macOS Sierra 10.12.3

  • 1つの同じ問題

ここでも同じ、Android 6.0、最新のRN、リモートデバッグ

+1

+1

+1

react-native-buttonとChromeのデバッグモデルでこの問題が発生しました

ButtonコンポーネントをViewでラップすることで問題を解決しました。

+1

すでにコンポーネントをビューでラップしましたが、このエラーが発生しました。 その後、私のアプリのTouchableHighlightがこのエラーをスローしました。 設定でアプリのデータをクリアすることで解決しました(一時的ですか?)。 この問題は、Android、エミュレーター、Win10、RN 0.42.3で、「ホットリロード」なしで「JSをリモートでデバッグ」して発生しました。

こっちも一緒

+1

  • 1

ナビゲーターを切り替えると+1が発生します

+1

同じエラーが発生しました。 XCodeからアプリを再構築すると、問題が解決しました。

+1

+1

+1

+1

+1

+1

+1

+1

+1

+1

これについて何か進展はありますか?

この問題は、リモートでデバッグするときに発生します。

誰でも?!

3週間開発した後、nativebaseFabコンポーネントを使用すると突然この問題が発生します。 F8でこの問題を解決できるといいのですが

同じ問題があります、

+1

+1

+1

+1

    render() {
        let {onNavigateToOfferScreen, navigation} = this.props;
        let {dataSource} = this.state;
        return (
            <ListView style={styles.container} dataSource={dataSource} renderRow={offer => (
                <TouchableHighlight onPress={() => onNavigateToOfferScreen(offer)}>
                    <View style={styles.row} elevation={2}>
                        <Text style={styles.businessName}>{offer.name}</Text>
                    </View>
                </TouchableHighlight>
            )}/>
        );
    }

+1

同じこと

+1

+1

+1

+1

+1 ....このエラーは、フェッチの使用を開始した直後にポップアップします...

同じ問題の追加ビューが機能しない

+1

+1

カウント++

+1

+1スパムで停止します。 元の投稿またはコメントを高く評価してください👍🏼同じものが表示された場合。

@fungilation👍

+1

これはリモートデバッグでのみ発生し、次のようにして一時的に修正しました。

  1. Androidの設定を開く
  2. アプリ
  3. アプリケーションをクリックします
  4. ストレージ
  5. キャッシュの消去

注:これは実際には一時的な解決策です。 それでも時々繰り返しポップアップします。

@Jarrioありがとう

@lukemilesの考え?

+1

+1

+1

@Jarrioのtmpソリューションは今のところ機能します

+1

+1

+1

rn 48 +1、

+1

rn 48 + 1

この問題は、リモートjsデバッグが有効になっている場合にのみ発生しました...通常モードでは正常に機能しています。

rn 49.3+ 1

+1

+1

+1

image+1

TouchableHighlightTouchableOpacity 、発生しません

RN.50 +1

@JarrioはまだAndroidですぐにエラーをスローします

+1 0.47

+1

+1を止めてください!!!

ええと...プラス1、それから

+1

+1

0.48.3の場合は+1

0.51.0で+1

+1はいいです、それが大好きです。 0.50のことが起こります

+1

+1

+1

反応ネイティブ0.51.0を使用

Androidでデバイス時間を手動で設定することで、これを「修正」しました。 新しい時刻がコンピューターの時刻と同じであることを確認し(次の分の変更を目指します)、コンピューターの時刻が次の分に変更されるのとまったく同じ秒で時刻の変更を確認します。

+1

+1

+1

+1

+1

+1

私への解決策は

  1. 電話とPCが同じタイムゾーンになっていることを確認します
  2. PCで時刻を手動で更新する:[日付と時刻]-> [インターネット時刻]タブ-> [設定の変更]-> [時刻の更新]
  3. Androidの設定で自動時刻更新をオンに切り替えてからオフに切り替えます
  4. アプリを再起動します

+1

LibrariesComponentsTouchableTouchableHighlight.jsで置換

touchableGetLongPressDelayMS:function(){
this.props.delayLongPressを返します。
}、

touchableGetLongPressDelayMS:function(){
this.props.delayLongPress === 0を返しますか? 0:
this.props.delayLongPress || 500;
}、

それは私にとって問題を解決しました。

+1

+1

私はAndroidで同じ問題を抱えていました
a)携帯電話がUSB経由でPCに接続されていた
b)ネットワーク経由のリモートデバッグを使用しました

USBを切断すると問題が解決しました。 ただし、因果関係があるかどうかはわかりません。

編集:非同期タイムアウトに関する追加の問題が発生した後、PCとAndroidデバイスで現在の時刻を確認しました

adb shell date && date

5秒の不一致がありました。 リモートでデバッグするときに、RNが現在の時刻を処理する方法に矛盾があると推測したくなるかもしれません。
経由

curl -s --head http://google.com | grep ^Date: | sed 's/Date: //g'

私の場合、原因を特定しました。Androidデバイスのシステム時刻が5秒ずれていました。 Androidデバイスを再起動すると、不一致が修正されました。

AndroidデバイスとMacからの時刻をadb shell date && date 。 2分以上違いました。 次に、Androidデバイスで自動時間設定をアクティブにして、同じコマンドを再度実行すると、時間が同期されましたが、両方(AndroidデバイスとMac)でタイムゾーン設定が自動であったとしても、タイムゾーンは同じではありませんでした。 そこで、Androidデバイスで自動タイムゾーン設定を無効にして、対応するものに手動で設定すると、エラーが消えました。

+1

+1

Androidデバイスの自動時刻設定とコンピューターの自動時刻設定で問題が解決しました

Ubuntuでは、次のようにしてシステム時刻を現在のADB時刻と同期しました。

sudo date +%T -s `adb shell date +%T`

+1

+1

+1コメントの繰り返しによるロック。 解決策はずっと前に@ Larry-Liu2016によってここに投稿されました。 要約すると、デバイスの時計を確認してください。

このページは役に立ちましたか?
0 / 5 - 0 評価