![](/img/trans.png)
[英]React Native, NavigatorIOS, undefined is not an object (evaluating 'this.props.navigator.push')
[英]React Native Issue: undefined is not an object (evaluationg 'this.props.navigator.push')
我是一個反應本機新手,並試圖在屏幕之間導航......我遵循了一個簡單的教程,不幸的是,當我按下“到統計頁面”TouchableHighlight時,我收到錯誤:未定義不是對象(評估'this.props。 navigator.push')。 附件是主屏幕的截圖和錯誤(點擊到統計頁面后),下面是代碼(我在我認為發生錯誤的地方添加了評論):
import React, { Component } from 'react';
import {AppRegistry,StyleSheet,TouchableHighlight,Navigator,Text,View} from 'react-native';
class Navi extends Component {
render() {
return (
<Navigator
initialRoute={{ name: 'main' }}
renderScene={this.renderScene.bind(this)}
/>
);
}
renderScene(route, navigator) {
if(route.name == 'main') {
return <Main navigator={navigator} />
}
if(route.name == 'stats') {
return <Stats navigator={navigator} />
}
}
}
export default class Main extends Component {
// THINK THE ERROR IS HERE
navigate(routeName) {
this.props.navigator.push({
name: routeName
});
}
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
Main
</Text>
<TouchableHighlight onPress={this.navigate.bind(this, "stats")}>
<Text>TO STATS PAGE</Text>
</TouchableHighlight>
</View>
);
}
}
class Stats extends Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
Stats
</Text>
<TouchableHighlight onPress={()=>{this.props.navigator.pop()}}>
<Text>BACK</Text>
</TouchableHighlight>
</View>
);
}
}
const styles = StyleSheet.create({
container: {marginTop:20,flex: 1,justifyContent: 'center',alignItems: 'center',
backgroundColor: '#F5FCFF',},
welcome: {fontSize: 20,textAlign: 'center',margin: 10,},
});
AppRegistry.registerComponent('navi', () => Navi);
伙計們,我認為這是最好的!!! 修復是 Navi 應該導出而不是主要...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.