React native IllegalViewOperationException - 尝试删除子计数0视图标记上方的视图索引:1

时间:2018-04-25 12:42:47

标签: react-native react-redux react-native-android react-native-router-flux react-native-code-push

我在我的App.js中发现了这个问题,它有以下渲染方法: -

render() {
        if (this.state.isDownloading) {
            return (
                <View>
                    <Spinner
                        visible={this.state.isDownloading}
                        textContent={this.state.loadingText}
                        overlayColor={Colors.COLOR_MODAL_BACKDROP}
                        animation={UIConst.ANIMATION_TYPE.NONE}
                        textStyle={styles.spinnerTextStyle}
                    />
                </View>
            );
        }
        return (
            <Provider store={Store}>
                <Router />
            </Provider>
        );
    }
  

我发现这个问题只在Android发布的apk上,它的工作正常   iOS版。我基本上使用过CodePush。所以一旦代码推送下载和   安装显示的更新。    - isDownloading:保持布尔值以检查应用程序是否正在更新的状态。    - :代码推送更新应用程序时将显示。    - :react-redux    - :react-native-router-flux在代码推送安装完成并重新启动应用程序后发生崩溃。

Libraries used are :-
1. "react-native-code-push": "^5.2.0-beta",
2. "react-native-loading-spinner-overlay": "^0.5.2",
3. "react-native-router-flux": "^4.0.0-beta.24",
4. "react-redux": "^5.0.5"

崩溃报告: -

Fatal Exception: com.facebook.react.uimanager.IllegalViewOperationException: Trying to remove a view index above child count 0 view tag: 1
 detail: View tag:-1
  children(0): [
 ],
  indicesToRemove(1): [
0,
 ],
  tagsToDelete(1): [
113,
 ]
       at com.facebook.react.uimanager.NativeViewHierarchyManager.manageChildren(NativeViewHierarchyManager.java:346)
       at com.facebook.react.uimanager.UIViewOperationQueue$ManageChildrenOperation.execute(UIViewOperationQueue.java:177)
       at com.facebook.react.uimanager.UIViewOperationQueue$1.run(UIViewOperationQueue.java:776)
       at com.facebook.react.uimanager.UIViewOperationQueue.flushPendingBatches(UIViewOperationQueue.java:855)
       at com.facebook.react.uimanager.UIViewOperationQueue.access$1600(UIViewOperationQueue.java:46)
       at com.facebook.react.uimanager.UIViewOperationQueue$2.runGuarded(UIViewOperationQueue.java:813)
       at com.facebook.react.bridge.GuardedRunnable.run(GuardedRunnable.java:21)
       at android.os.Handler.handleCallback(Handler.java:751)
       at android.os.Handler.dispatchMessage(Handler.java:95)
       at android.os.Looper.loop(Looper.java:154)
       at android.app.ActivityThread.main(ActivityThread.java:6123)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:867)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:757)

2 个答案:

答案 0 :(得分:1)

我刚才有类似的错误。我也使用redux和codepush。

在codepush repo https://github.com/Microsoft/react-native-code-push/issues/986

上查看此问题

您是否在代码中使用了codePushStatusDidChange事件挂钩?

UPDATE_INSTALLED案例中删除所有状态更改后,我的问题似乎已修复。

e.g。

codePushStatusDidChange(status: number): void {
    switch(status) {
        // ...
        case codePush.SyncStatus.UPDATE_INSTALLED:
            // REMOVE ALL STATE CHANGES FROM HERE !!!!
            // empty case to prevent android APK crash
        break
        // ...
    }
}

答案 1 :(得分:0)

在@niklasj的答案中添加其他一些情况:

1。对于不使用codePushStatusDidChange的用户,请确保在执行setState时没有做太多的工作codepush.sync()

2。对于使用react-native-restart的用户,最好确保当restart()也在重新启动应用程序时没有调用codepush.sync()