네비게이터에 아무 것도 표시되지 않습니다.

내 네비게이터가 아무 것도 렌더링하지 않아 (흰색 화면 만) 최소로 줄 였지만 여전히 아무것도 얻지 못했습니다. 누군가 제발 도와주세요.네비게이터에 아무 것도 표시되지 않습니다.

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

출처

2016-08-24 Lance

그 코드는 꽤 솔직하고 나에게 잘 어울립니다. iOS Carrier와 Wifi 아이콘 뒤에 텍스트가 숨겨져있는 것을 보았습니다. 그것들 뒤에서 볼 수 있습니다. 이것은 물론 iOS 시뮬레이터에 있다고 가정합니다. – jasonmerino

나는 안드로이드를 사용하여 텍스트를 가운데 정렬하고 다른 구성 요소를 렌더링하려고 시도했습니다. – Lance

당신은 여기에 솔루션을 찾을 수 있습니다 네비게이터에 alignItems: 'center' 또는 justifyContent: 'center'를 적용 할 때 https://rnplay.org/apps/0bw98Q

먼저, =>

초 후에 추가 중괄호가 필요하지 않습니다, 그것은 작동 당신이 예상했던대로가 아닙니다. 예상 결과를 얻을 수있는 추가보기를 사용하는 것이 좋습니다.

출처

2016-08-24 23:57:17 Mila

예, 작동 중입니다. 감사합니다. – Lance

는 Text 구성 요소를 반환해야합니다 Navigator에서 현장 기능을 렌더링 여러분.

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

출처

2016-08-24 21:41:58 jasonmerino

시도한 적이 있는데 그 중 하나도 작동하지 않습니다. – Lance

renderScene 함수가 호출되는지 확인하기 위해 Chrome에서 디버깅을 시도 했습니까? – jasonmerino

예,이 문제에 대한 업데이트가 – Lance

네비게이터에 아무 것도 표시되지 않습니다.

답변

관련 문제