Question

要检查不活动情况并使用react-native-interaction-provider执行某些功能。在父屏幕上实现如下。

onIdle

这很好用。当您导航到另一个视图并返回到此父视图时，问题就出现了，计时器似乎没有停止，如果时间阈值已经满足，则<?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <rewrite> <rules> <rule name="Imported Rule 10"> <match url="^([0-9a-zA-Z-_/]+)$" ignoreCase="false" /> <conditions logicalGrouping="MatchAll"> <add input="{REQUEST_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" /> <add input="{REQUEST_FILENAME}" matchType="IsFile" ignoreCase="false" negate="true" /> </conditions> <action type="Rewrite" url="index.php?par={R:1}" appendQueryString="false" /> </rule> <rule name="Imported Rule 20" stopProcessing="true"> <match url="^resimmap.xml$" ignoreCase="false" /> <action type="Rewrite" url="resimmap.php" /> </rule> </rules> </rewrite> <httpErrors errorMode="Detailed" /> </system.webServer> </configuration>方法会在您返回时立即触发到父屏幕。

如何避免这种情况？感谢。

Answer 1

使用PanResponder自己结束检查每个组件的触摸情况。当遍历到子视图时，父级PanResponder将作为prop传递，并被设置为子视图的View组件以及它自己的PanResponder。

例如：

render() {
        return (
            <View style={styles.mainContainer}
                  collapsable={false}
                  {...this.props.mainPagePanResponder.panHandlers}
                  {...this.childPagePanResponder.panHandlers}>
                //Child Content
            </View>
        );
}

不是最复杂的修复，但适用于我的实例。

检查React Native App的不活动

1 个答案: