阻止 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>}
  )
}