Question

这可能是一个尴尬的问题，因为我不确定用这句话来表达的最好方法..

我的React Native应用程序从服务器中提取了相当多的数量..它是一个社交应用程序，有时当我在应用程序中加载一个从服务器中提取大量数据的页面时，您可以看到加载的内容..好像几乎有点慢慢地

他们是解决这个问题的方法，也许这样做甚至可以渲染页面直到完全加载完毕？或者是某种加载动画的解决方案？任何帮助都很棒

Answer 1

我认为这是一个用户体验问题，因此需要一个解决方案，例如活动指示器或带有加载消息的叠加层。与Facebook的新闻源方法一样，您可以显示默认的空卡，以便让用户知道页面正在加载。

Answer 2

避免过早内容闪烁的简单解决方案是仅在获取完成后呈现内容。下面是一个展示这个想法的示例组件。

class YourComponent extends React.Component {
  static propTypes = {
    fetchData: React.PropTypes.func.isRequired,
  }

  constructor(props) {
    super(props);

    this.state = {
        dataFetched: false
    };
  }

  async componentDidMount() {
    await this.props.fetchData();

    this.setState({dataFetched: true});
  }


  render() {
    return (
      <View>
        {this.state.dataFetched ?
          <Text>Fetched</Text> :
          null
        }
      </View>
    );
  }
}

React Native - 看到东西加载

2 个答案: