React native得到了空白屏幕

时间:2016-11-27 18:53:07

标签: react-native navigator

我是反应原生的新人,我试图使用导航器在不同的场景之间切换。然而,当模拟器运行时,而不是打印错误,我只是得到一个空的,空白的白色屏幕,显示没有预期剩余的电池,时间和wifi信号。我多次检查我的代码,但找不到错误。有人可以帮我吗?

这是我的index.ios.js文件:

/tmp/ccN3Rs5C.o : Dans la fonction « BellmanFord » :
bellman.c:(.text+0x27c) : référence indéfinie vers « min »
collect2: error: ld returned 1 exit status

这是我的Chat.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);

这是我的Chatroom.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' });
  }
}

1 个答案:

答案 0 :(得分:0)

您没有将正确的参数传递给renderScene。以下应该会更好:

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