2016-09-26 121 views
0

我有一個NavigatorIOS組件和另一個名爲Yolo的組件,我想在導航器下顯示。這是我的代碼:React Native Navigator未顯示初始路由

class Yolo extends Component { 
    render(){ 
    return (
     <View style={{flex: 1, backgroundColor: 'green'}}> 
     <View style={{flex: 1, backgroundColor: 'powderblue', marginTop: 64}}> 
      <Text>OkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobeeOkechobee</Text> 
      <Text>grits</Text> 
      <Text>hall and oats</Text> 
      <Text>Okechobee</Text> 
      <Text>grits</Text> 
      <Text>hall and oats</Text> 
     </View> 
     </View> 

    ); 
    } 
} 

class NavYo extends Component { 
    render(){ 
    return (
     <NavigatorIOS initialRoute={{component: Yolo, title: 'Oh yea'}} /> 
    ); 
    } 
} 

AppRegistry.registerComponent('AwesomeProject',() => NavYo); 

導航器顯示沒有問題。它的正確名稱是Yolo。然而,Yolo組件不會出現。我究竟做錯了什麼?

+0

風格= {{柔性:1}}爲NavigatorIOS –

+0

謝謝,這使視圖出現,但它也改變了顏色的導航。必須有一種方法來使視圖顯示,但也不會改變導航顏色? – Philip7899

+0

@ Philipp7899對你的問題的一個例子的答案會更有幫助 –

回答

1

我想你應該有一種風格= {{柔性:1}}對於導航

+1

如果我錯了,糾正我,但問題是爲什麼'Yolo'不可見,而且這個問題的答案實際上是父母應該彎曲爲兒童flex設置爲正確運行(如果沒有,副作用是前述的可見性問題) –

+0

這爲我修復了它。謝謝! – Marklar