React本机导航器被调用后，应用程序冻结

Question

我正在使用Navigator和我遇到问题的第一反应本机应用程序的工作。每当我按下<TouchableOpacity />来推送导航器，应用程序冻结，不能再次按下。

这里是我的代码

``` 

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); 


``` 

当我点击yes，它只是冻结，对于做任何解释，我怎么能解决这个问题？谢谢

Answer 1

发现问题。我注意到这只发生在我远程调试Js的时候。如果我禁用它，那么所有工作正常