Question

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

Answer 1

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

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

_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,
      }
    });
  }

反应原生时从一个视图导航到另一个视图时显示加载

1 个答案: