React Native：Scene/Component 从 renderScene 返回时未呈现

Question

在这里已经好几个小时了.. 我有一个简单的导航设置，我只是想显示我的默认场景。

我的主要 Component/App 是 "myRN" w/c 只是有一个导航组件。

我的默认场景（主页）在 "MyScene" class 设置中有一个默认场景。

有趣的是，如果我简单地渲染 >return 这个 MyScene class 从我的 main ，场景显示正常。

但是如果通过renderScene例程渲染，MyScene不会被渲染，视图只是空白，没有错误。

见@RNPLAY.org https://rnplay.org/apps/w5-GSQ

如您所见，我在 switch 语句期间调用了一个警报，确保该语句被正确调用。

renderScene(route,navigator){


switch(route.id){
  case 'A':
    alert('routing to A');

      return(<MyScene title="My Scene A!" />);
      break;
  case 'B':
    alert('routing to B ');
      return(<MyScene title="My Scene B!"  />);
      break;

  default:
      return (<Text>Aha!</Text>);


}

测试： 1）如果我删除导航块并简单地渲染该部分 return(); 场景渲染得很好，证明该语句是有效的。

2) 案例 A 肯定被触发了，因为我得到了警报 ().. 但不知何故场景没有被渲染

跺脚。

Answer 1

您只需要删除 this.renderScenene(route, navigator) 周围的大括号。

这是一个工作示例：https://rnplay.org/apps/Skxjuw

React Native：Scene/Component 从 renderScene 返回时未呈现

React Native: Scene/Component not being rendered when returned fromm renderScene

navigation

render

react-native