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时。如果我禁用它，那么一切正常

调用React Native Navigator后应用程序冻结

1 个答案: