Обновление состояния при успешном обновлении нажатием кода

Question

Я использую нажатие кода, чтобы обновить свое реагирующее нативное приложение. Я не хочу загружать его в App Store каждый раз, когда я делаю обновление, я хочу отправить его прямо на пользовательское устройство.

Работает нормально, приложение обновлено, но я пытаюсь показать уведомление, если обновление прошло успешно.

В документах они делают это следующим образом:

codePush.sync({ updateDialog: true },
  (status) => {
      switch (status) {
          case codePush.SyncStatus.DOWNLOADING_PACKAGE:
              // Show "downloading" modal
              break;
          case codePush.SyncStatus.INSTALLING_UPDATE:
              // Hide "downloading" modal
              break;
      }
  },
  ({ receivedBytes, totalBytes, }) => {
    /* Update download modal progress */
  }
);

Я пытаюсь обновить состояние, если обновление прошло успешно, и показать модал, с кнопкой, чтобы скрыть его при нажатии. Таким образом, мой код выглядит следующим образом:

constructor() {
        super();
        this.state = {
            modalVisible: false,
            status: ""
        }
    }

    componentDidMount() {
        let self = this;
        codePush.sync({
                updateDialog: true,
                installMode: codePush.InstallMode.IMMEDIATE
            }, (status) => {
                switch (status) {
                    case codePush.SyncStatus.UPDATE_INSTALLED:
                        self.setState({modalVisible: true});
                        break;
                }
            },
            ({receivedBytes, totalBytes,}) => {
                /* Update download modal progress */
                self.setState({status: "Downloaded " + receivedBytes + " of " + totalBytes});
            }
        );
    }

    renderUpdateNotificationModal(){
        return (
            <Modal
                animationType={"slide"}
                transparent={false}
                visible={this.state.modalVisible}
                onRequestClose={() => {alert("Modal has been closed.")}}
            >
                <View style={{marginTop: 22}}>
                    <View>
                        <Text>Updated</Text>
                        <TouchableHighlight onPress={() => {this.setState({modalVisible: false})}}>
                            <Text>OK</Text>
                        </TouchableHighlight>
                    </View>
                </View>
            </Modal>
        )
    }

    render() {
        return (
            <View style={styles.container}>
                {this.renderUpdateNotificationModal()}
                <Text style={styles.welcome}>
                    Welcome!
                </Text>
                <Text style={styles.instructions}>
                    To get started, edit index.ios.js
                </Text>
                <Text style={styles.instructions}>
                    Press Cmd+R to reload,{'\n'}
                    Cmd+D or shake for dev menu
                </Text>
                <Text style={{fontSize: 18, marginTop: 15, color: "blue", textAlign: "center"}}>{this.state.status}</Text>
            </View>
        );
    }

Но проблема в том, что модал отображается в течение нескольких секунд, а затем исчезает, не нажимая на кнопку.

Так как состояние установлено в true, а затем через несколько секунд в false

case codePush.SyncStatus.UPDATE_INSTALLED:
     self.setState({modalVisible: true});
     break;

Есть идеи как это решить?

Answer 1

У меня была такая же проблема, когда я пытался использовать Codepush на странице загрузки. Моя проблема заключалась в том, что updateDialog codePush показывался на следующем экране. Поскольку codePush.sync - это функция Promise, вы можете использовать ее функцию then, которая обеспечит выполнение ваших задач в правильном порядке.

эта демонстрация может быть полезна, если вы хотите использовать CodePush. Вы можете соответствующим образом изменить состояние вашего компонента в codePushStatusDidChange().