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

【问题标题】：Show loading when navigate from one view to another in react native在反应原生中从一个视图导航到另一个视图时显示加载
【发布时间】：2016-11-11 00:45:24
【问题描述】：

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

【问题讨论】：

导航不应该太慢以至于你需要一个加载符号。可能是性能问题。我的建议是对此进行调查，而不是添加加载指示器。

标签： react-native react-native-android

【解决方案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,
      }
    });
  }

【讨论】：

谢谢克里斯。我在列表视图中使用相同的方法。我有一个里面有 webview 组件的视图。所以需要时间来展示。对于那个视图，我要求加载器。
你也可以试试容器模式。 voice.kadira.io/…
谢谢。我会试试的。