App bleibt nach React Native Navigator heißt

Question

Ich arbeite an meiner ersten Reaktion native App, die Navigator verwendet, und ich habe ein Problem festgestellt. Jedes Mal, wenn ich auf die <TouchableOpacity /> drücke, um den Push zum Navigator zu machen, bleibt die App stehen und kann nicht erneut gedrückt werden.

hier ist mein Code

``` 

import React, { Component } from 'react'; 
import {AppRegistry, Navigator, Text, TouchableOpacity} from 'react-native'; 
import App from './src/App'; 
import SinglePost from './src/components/SinglePost'; 


class AppNavigator extends Component{ 

renderScene(route, navigator){ 
var navProps = {navigator}; 
switch (route.id) { 
    case "postsList": 
    console.log(route) 
    return (
     <TouchableOpacity onPress={() => navigator.push({id:'yes'})}> 
     <Text>Hey</Text> 
     </TouchableOpacity> 
    ) 
    case "singlePost": 
    return <SinglePost title="Post"/> 
    case "yes": 
    console.log("yes route ",route) 
    return <Text>Yes</Text> 
    default: 
    return <Text>Yes</Text> 
    } 

} 

render(){ 
return (
    <Navigator 
    initialRoute={{id: "postsList"}} 
     renderScene={this.renderScene} 
     /> 
    ) 
    } 
} 

AppRegistry.registerComponent('SocialMe',() => AppNavigator); 


``` 

Wenn ich die yes klicken, es friert nur, jede Erklärung dafür und wie kann ich dieses Problem lösen? Danke

Answer 1

Das Problem gefunden. Ich habe bemerkt, dass dies nur passiert, wenn ich Js aus der Ferne debugge. Wenn ich es deaktiviere, dann funktioniert alles gut