NavigatorIOSの問題

Question

こんにちは私のアプリでNavigatorIOSを使用していくつかの問題を抱えています。「undefined is not object（評価した 'this.props.navigator.push'）というエラーが表示されます。 いくつかの例を見ようとしましたが、エラーが表示されません。ここ は、コードは次のとおりです。

<TouchableHighlight 
    style={styles.button} 
    onPress=this.onForward.bind(this)> 
.... 
</TouchableHighlight> 

はまた、あなたは確認する必要があります：あなたは次のようにこれを行うことができ、この場合には、あなたのコンポーネントに関数をバインドする必要があり

import React, { Component, PropTypes } from 'react'; 
import Dimensions from 'Dimensions'; 
import Menu from './Menu' 
import { 
    AppRegistry, 
    StyleSheet, 
    Image, 
    TouchableHighlight, 
    NavigatorIOS, 
    FadeInView, 
    Text, 
    View 
} from 'react-native'; 


class Home extends React.Component { 
    constructor(props, context) { 
    super(props, context); 
    this.onForward = this.onForward.bind(this); 
    } 

    onForward(Menu){ 
    this.props.navigator.push({ 
     component: Menu, 
     title: "Menu", 
     navigationBarHidden: true, 
    }); 
    } 

    render() { 
    return (
     <View style={styles.container}> 
     <Image 
      style={styles.img} 
      source={require('./img/scrittaNera.png')} 
      onLoadStart={(e) => this.setState({loading: true})} 
      /> 
     <TouchableHighlight style={styles.button} onPress={() =>  this.onForward()}> 
      <Text style={styles.buttonText}>Get Inspired</Text> 
     </TouchableHighlight> 

     </View> 
    ); 
    } 
} 

おかげ

Answer 1

あなたの主なコンポーネントは<NavigatorIOS>コンポーネントの中にラップされています。例：

import React, { Component, PropTypes } from 'react'; 
import { NavigatorIOS, Text } from 'react-native'; 

export default class NavigatorIOSApp extends Component { 
    render() { 
    return (
     <NavigatorIOS 
     initialRoute={{ 
      component: MyScene, 
      title: 'My Initial Scene', 
     }} 
     style={{flex: 1}} 
     /> 
    ); 
    } 
}