React Native: Szene/Komponente nicht gerendert, wenn von renderScene zurückgegeben

Question

Ich war in diesem für Stunden .. Ich habe eine einfache Navigation Setup und ich versuche einfach, meine Standard-Szene anzuzeigen.

Meine Hauptkomponente/App ist "myRN" w/c hat einfach eine Navigationskomponente.

Ich habe eine Standard-Szene in einer „MyScene“ Klasse Setup für meine Standard-Szene (Homepage) ist ..

Lustige Sache ist, wenn ich einfach machen> zurücks MyScene Klasse von meinem Haupt, der Szene wird gut angezeigt.

Aber wenn MyScene über die renderScene-Routine gerendert wird, wird MyScene nicht gerendert und die Ansicht ist leer, keine Fehler.

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

Wie Sie, ich habe eine Warnung während der switch-Anweisung genannt sehen wird, sicherstellen, dass die Aussage richtig aufgerufen wird.

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


} 

TESTS: 1) Wenn ich Navigationsblock entfernen und einfach den Teil return() machen; Die Szene wird gut wiedergegeben, was beweist, dass die Aussage gültig ist.

2) der Fall A auf jeden Fall ausgelöst wird, weil ich die Benachrichtigung erhalten() .. aber irgendwie die Szene einfach nicht gemacht zu werden

gestampft.

Answer 1

Sie müssen nur geschweifte Klammern um this.renderScenene(route, navigator) entfernen.

Hier ist ein funktionierendes Beispiel: https://rnplay.org/apps/Skxjuw