Навигатор ничего не делает

Question

Я новичок в React Native, но я могу отображать экраны, списки, и я думаю, что начинаю понимать общую картину.

Однако я не могу сделать этот простой код Navigator работать, и это сводит меня с ума. Это не самый простой пример, вы можете везде найти в Интернете, в том числе официальных документов:

class RNTest extends Component { 
 
    render() { 
 
     return (
 
      <Navigator 
 
       initialRoute={{ title: 'My Initial Scene', index: 0 }} 
 
       renderScene={(route, navigator) => { 
 
        <Text>Hello</Text> 
 
       }} 
 
      /> 
 
     ); 
 
    } 
 
}

никаких ошибок, никаких проблем. Все, что я получаю, это белый экран.

Замена навигатора компонентом, все работает. Этот навигатор отказывается давать что-либо. Любые намеки на то, как выяснить, что происходит?

Answer 1

renderScene должен иметь возвращаемое значение, то вы можете сделать это:

renderScene={(route, navigator) => { 
        return <Text>Hello</Text> 
      }} 

или удалить '{}' упаковка Текст компонент

renderScene={ (route, navigator) => <Text>Hello</Text> } // Text component is return value 

Arrow functions может быть полезным, Вам нужно искать 'синтаксис функции Стрелка'