react-native - 在反应原生中从一个视图导航到另一个视图时显示加载

Question

我正在使用适用于 Android 的 React Native 0.29。我在我的应用程序中使用了导航器，以便用户可以从一个视图导航到另一个视图。我想知道当导航器从一个视图导航到另一个视图时，有什么方法可以显示加载符号。

Answer 1

我认为您导航延迟的原因是因为您正在异步获取数据以准备下一个视图。如果您刚刚遇到性能问题，这个答案不会很有帮助。

无论如何，我遵循了这个基本模式，基本上我将加载器设置为 true，然后在获得数据后，我将加载器设置为 false，并将数据作为道具传递给视图。

_handleLogin() {
    this.setState({
      isLoading: true,
    },
    () => 
      Api.getUser( username, password )
        .then( user => this._handleResponse( user ))
    );
  }

  _handleResponse( user ){
    this.setState({
      isLoading: false,
    })

    this.props.navigator.push({
      title: 'Home',
      component: Home,
      passProps: {
        user: user,
      }
    });
  }