Навигатор ничего не показывает

Question

Мой навигатор ничего не визуализует (только белый экран), поэтому я уменьшил его до минимума и ничего не получил. Кто-то, пожалуйста, помогите.

import React, { Component } from 'react'; 
    import { 
     AppRegistry, 
     StyleSheet, 
     Text, 
     Navigator 
    } from 'react-native'; 

    class MyApp extends Component { 
     render() { 
     return (
      <Navigator style={styles.container} 
       initialRoute={{ title: 'My Initial Scene'}} 
       renderScene={(route, navigator) => { 
        <Text>Hello</Text> 
       }} 
      /> 
     ); 
     } 
    } 

    const styles = StyleSheet.create({ 
     container: { 
     flex: 1, 
     justifyContent: 'center', 
     alignItems: 'center', 
     backgroundColor: '#fff', 
     }, 
    }); 

    AppRegistry.registerComponent('MyApp',() => MyApp); 

Answer 1

Вы можете найти решение здесь: https://rnplay.org/apps/0bw98Q

Во-первых, вам не нужны дополнительные фигурные скобки после =>

Во-вторых, при применении alignItems: 'center' или justifyContent: 'center' в навигаторе, он ведет себя не так, как вы ожидаете. Лучше использовать дополнительный просмотр, который даст вам ожидаемый результат.

Answer 2

рендеринг функции сцены в Navigator должен вернуть Text компонент.

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