反應本機得到空白屏幕

Question

我是新的反應原生，我試圖用導航器來切換不同的場景。但是，當模擬器運行時，不是打印出錯誤，而是顯示空白的空白白色屏幕，沒有顯示剩餘電池，時間和wifi信號。我多次查看我的代碼，無法找到錯誤。有人可以幫助我嗎？

這是我index.ios.js文件：

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

import Chatroom from './Views/Chatroom'; 
import Chat from './Views/Chat'; 

class goals extends Component{ 
    render(){ 
    return(
     <Navigator 
     initialRoute={{screen: 'Chatroom'}} 
    renderScene={(route, nav) => {return this.renderScene(route.screen)}} 
    /> 
) 
    } 

    renderScene(route,nav) { 
switch (route.screen) { 
    case 'Chatroom': 
    return <Chatroom navigator={nav} /> 
    case 'Chat': 
    return <Chat navigator={nav} /> 
     } 
    } 
} 

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

這是我Chat.js文件：

import React, { Component } from 'react'; 
import { View, Text, TouchableHighlight } from 'react-native'; 

export default class Chat extends Component { 
    render() { 
    return (
     <View> 
     <Text>This is chat</Text> 
     <TouchableHighlight onPress={this.gochatroom.bind(this)}> 
      <Text>Go to chatroom</Text> 
     </TouchableHighlight> 
     </View> 
    ) 
    } 


    gochatroom() { 
    this.props.navigator.push({ screen: 'Chatroom' }); 
    } 
} 

這是我Chatroom.js文件：

import React, { Component } from 'react'; 
import { View, Text, TouchableHighlight } from 'react-native'; 

export default class Chatroom extends Component { 
    render() { 
    return (
     <View> 
     <Text>This is chatroom</Text> 
     <TouchableHighlight onPress={this.gochat.bind(this)}> 
      <Text>Go to chat</Text> 
     </TouchableHighlight> 
     </View> 
    ) 
    } 


    gochat() { 
    this.props.navigator.push({ screen: 'Chat' }); 
    } 
} 

Answer 1

您沒有將正確的參數傳遞給renderScene。以下應該會更好：

renderScene={(route, nav) => this.renderScene(route, nav)}