React-Native Navigator

[hulusiM]

Merhabalar, Kayıt ol text'ine tıklayınca farklı bir sayfaya yönlendirmek istiyorum ama hata alıyorum. Şimdiden teşekkürler

import Register from './Pages/LoginScreen';

export default class ReactApp extends Component {

renderScene(route, navigator) {
    console.log(route);
    if(route.name == 'register') {
      return <Register navigator={navigator} />
    }
    if(route.name == 'login') {
      return <Login navigator={navigator} />
    }
  }
 <View style={styles.centering}>
                <TouchableOpacity activeOpacity={.5} onPress={this.navigate.bind(this,'register')}>
                    <View>
                      <Text style={{color:"#FFF"}}>Kayıt Ol</Text>
                    </View>
                </TouchableOpacity>
</View>
}

[abdurrahmanekr]

Kodunda hata var render fonsiyonu nerde veya bu hangi sayfa ? Biraz açıklayıcı şekilde sormalısın. Eğer herhangi bir sayfaya yönlendirme yapacaksan. constructor'dan gelen parametreleri almalısın. Örneğin RegisterPage.js dosyası :

/* kısa olsun diye yorumlandı */
export default class RegisterPage extends Component {
  constructor(props) {
    super(props);
    this.navigator = this.props.navigator;
  }
  render() {
    return(
      <View>
        <TouchableOpacity
          activeOpacity={.5}
          onPress={() => {
            this.navigator.push({
              id: 'register',
              name: 'register'
            })
          }}>
          <View>
            <Text style={{color:"#FFF"}}>Kayıt Ol</Text>
          </View>
        </TouchableOpacity>
      </View>
    );
  }
}

Örnek kullanımları bu adreste bulabilirsin.