導航器沒有渲染任何東西

我是新來的React Native，但我可以渲染屏幕，列表和我想我開始瞭解大局。導航器沒有渲染任何東西

但是，我不能讓這個簡單的導航代碼工作，這讓我瘋狂。這是基本的例子，你可以隨處找到的網頁上，包括官方文檔：

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

沒有錯誤，沒有任何問題。我得到的只是一個白色屏幕。

用組件替換導航器，一切正常。此導航器拒絕呈現任何內容。有關如何弄清楚發生了什麼的任何提示？

來源

2016-08-17 daliz

試着用'return'包起來吧 – stereodenis

好吧，我覺得啞巴。有用。但爲什麼？爲什麼網頁上沒有例子在renderScene標籤中包含「return」？哦，謝謝，順便說一句！ – daliz

renderScene必須有返回值，你可以這樣做：

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

或刪除 '{}' 包裝文本組件

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

Arrow functions也許有幫助，你需要搜索 '箭函數的語法'

來源

2016-08-17 13:18:33 CoderLim

導航器沒有渲染任何東西

回答

相關問題