2017-08-28 2 views
0

Ich bin neu in React Native, ein Ich möchte zu einer neuen Seite auf Knopfdruck navigieren. Ich habe meine eigene benutzerdefinierte Schaltfläche für die Wiederverwendung zwischen Bildschirmen erstellt.Reactive Native Navigieren auf Knopf drücken

Ich möchte diese Schaltfläche in meiner Hauptklasse aufrufen und dann zu einem anderen Bildschirm navigieren, wenn auf die Schaltfläche geklickt wird.

export default class Home extends Component { 

static route = { 
    navigationBar: { 
     title: 'Home', 
    } 
} 

constructor(props) { 
    super(props); 
} 

onTestPress =() => { 
    this.props.navigator.push('page2'); 
} 

render() { 
    return(
     <NormalButton 
      text="test" 
      onPress={this.onTestPress} 
     /> 
    ); 
} 
} 

Wenn ich dies tun, ich eine Warnung sagen auch „kann nicht während einer bestehenden Zustandsübergang aktualisieren“, wenn ich die onPress von meiner Home Klasse herausnehmen und es nur in der NormalButton Klasse schalten, aktiviert die onPress sofort, wenn die App startet und zum nächsten Bildschirm geht

+0

Wenn Sie es wie der oben genannte Code zu tun, eine Warnung erhalten, aber es funktioniert? –

Antwort

0

Sie müssen Pfeil-Bindung in den Requisiten wie folgt verwenden.

onPress={() => this.onTestPress()}