3

我正在尝试使用代码推送更新我的应用程序。我的代码如下：

export default class codePushTest extends Component {
    constructor(props) {
        super(props);
        this.state = {
            updateAvailable: false,
            downloadingUpdate: null,
            installingUpdate: null,
            downloadProgress: null,
        }
    }

    componentDidMount() {
        let self = this;
        codePush.checkForUpdate().then(update => {
            if (!update) {
                self.setState({updateAvailable: false})
            }else{
                self.setState({updateAvailable: true})
            }
        })
    }

    handleUpdate() {
        let self = this;
        const checkUpdateStatus = (status) => {
            switch (status) {
                case codePush.SyncStatus.DOWNLOADING_PACKAGE:
                    self.setState({downloadingUpdate: true});
                    break;
                case codePush.SyncStatus.INSTALLING_UPDATE:
                    self.setState({installingUpdate: true, downloadingUpdate: false});
                    break;
                case codePush.SyncStatus.UPDATE_INSTALLED:
                    self.setState({installingUpdate: false, downloadingUpdate: false, updateInstalled: true});
                    break;
            }
        };

        const downloadProgress = (downloadedBytes, totalBytes) => {
            self.setState({downloadProgress: (downloadedBytes / totalBytes) * 100})
        };

        codePush.sync({updateDialog: false, installMode: codePush.InstallMode.IMMEDIATE}, checkUpdateStatus, downloadProgress)
    }

    renderButton(){
        if (this.state.updateAvailable){
            return (
                <View style={{marginTop: 40}}>
                    <TouchableHighlight onPress={this.handleUpdate.bind(this)}>
                        <Text>An update is available.</Text>
                    </TouchableHighlight>
                </View>
            )
        }

    }

    render() {
        return (
            <View style={styles.container}>
                <Text style={styles.welcome}>Welcome message. </Text>
                {this.renderButton()}
            </View>
        )
    }
}

因此，我正在尝试检查是否有可用的更新componentDidMount，如果有，则更新状态并根据该状态显示更新按钮。

但问题是，当我推送代码时，它是应用程序中的最新代码，它仍然显示按钮An update available。

如果我更改我的应用程序的内容并将其发送到代码推送服务器code-push release-react AppName ios，按钮再次显示，那很好。如果我单击它，则会显示新内容并且按钮会消失，这很好。

但问题是，如果我刷新应用程序，我会再次获得旧内容并且再次显示按钮。如果我再次点击它，什么也不会发生。

知道我在做什么错吗？

4

1 回答 1

0

该组件需要使用 codepush 进行包装。我在文档中没有看到它。 链接在这里。

因此：

代替

export default Item;

肯定是

let codePushOptions = { checkFrequency: codePush.CheckFrequency.MANUAL };
MainApp = codePush(codePushOptions)(Item);
export default MainApp;
于 2017-06-20T12:56:51.533 回答