调用 React Native Navigator 后应用冻结

Question

我正在开发我的第一个使用 Navigator 的 React 本机应用程序，我遇到了一个问题。每当我按下 <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 时才会出现这种情况。如果我禁用它，那么一切正常

调用 React Native Navigator 后应用冻结

App Freezes after React Native Navigator is called

react-native

react-native-android

react-native-router-flux