在本机反应中从一个视图导航到另一个视图时显示加载

Question

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

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

在本机反应中从一个视图导航到另一个视图时显示加载

Show loading when navigate from one view to another in react native

react-native

react-native-android