so navigieren Sie zu einem anderen Bildschirm, reagieren die einheimischen, wenn fetch fertig ist

Ich bin neu in Reagieren Nativen und versuchen, meine erste app. Also ich habe eine Frage:

Habe ich 2 Bildschirme (mit reagieren-navigation). Im ersten Bildschirm gibt es eine Darstellung von app-logo mit spinner(von native-Basis) und Holen Sie an den server zur gleichen Zeit. Und ich muss navigieren Sie zu einem anderen Bildschirm nur, wenn fetch ist über und Antwort behandelt. Alle fand ich am reagieren-navigation docs ist eine Lösung mit button, aber es ist nicht mein Fall. Ich möchte auch nicht zu verwenden ActivityIndicatorIOS (app sollte richtig sein, für Android).

Bitte helfen Sie mir zu verstehen, was soll ich tun?

Vielen Dank!

InformationsquelleAutor nastassia | 2017-07-26
  1. 9

    Rufen die Funktion navigate in der dann Rückruf von fetch oder Griff Fehler angemessen zu fangen.

    Jeder Bildschirm reagieren-navigation bekommt die navigation prop. Sie können die navigieren - Funktion navigieren Sie auf einem beliebigen Bildschirm. So etwas 

    class FirstScreen extends React.Component {
  static navigationOptions = {
    title: 'First',
  }
  componentDidMount(){
    const {navigate} = this.props.navigation;
    navigate('Second');
    fetch('http://apiserver').then( (response) => {
      navigate('Second');
    });
  }
  render() {
    return (
      <AppLogo />
    );
  }
}

const AppNavigator = StackNavigator({
  First: {
    screen: FirstScreen,
  },
  Second: {
    screen: SecondScreen,
  },
});
    InformationsquelleAutor agent_hunt
Schreibe einen Kommentar