React Native:从renderScene返回时不渲染场景/组件

时间:2016-08-09 14:48:30

标签: navigation react-native render

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

我的主要组件/应用程序是“myRN”w / c只有一个导航组件。

我的默认场景是在我的默认场景(主页)的“MyScene”类设置中..

有趣的是,如果我只是渲染>从我的主页返回此MyScene类,则场景显示正常。

但是如果通过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)如果我删除导航块并简单地渲染零件       返回(); 场景渲染得很好,证明该语句是有效的。

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

踩踏。

1 个答案:

答案 0 :(得分:1)

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

以下是一个工作示例:https://rnplay.org/apps/Skxjuw