防止React Native App一直运行，直到使用代码推送进行更新

Question

我想知道在代码推送更新之前是否可以阻止用户访问应用中的任何屏幕，这可能吗？如果可能的话，请你告诉我一个例子，目标是阻止应用程序启动，直到下载更新。

Answer 1

您使用类似loading的状态来记录是否已下载更新。 在render()中，仅当loading为false时才返回正常的应用内容。请参阅下面的代码。

componentDidMount() {
  this.setState({loading: true});
  fetch(url).then(() => this.setState({loading: false})
}

render() {
  const {loading} = this.state;
  return (
    {loading && <Text>Loading</Text>}
    {!loading && <View>You normal app content</View>}
  )
}