如何在React Native中显示活动指示器时锁定所有屏幕的触摸？

Question

我一直在使用React Native开发一个应用程序，我正在对它进行抛光。我的一个错误是，当我显示ActivityIndi​​cator时，我可以触摸此ActivityIndi​​cator组件下方的视图组件。 我试过把它放在模态视图中。它有效，但看起来很脏。 您对如何锁定触摸有任何其他想法吗？

Answer 1

要阻止整个视图的触摸，我使用的是https://facebook.github.io/react-native/docs/view.html#pointerevents 但是，您可能需要探索更多导航栏操作，例如后退和硬件后退操作。

Answer 2

您需要为此制作叠加层，并按照here提及pointerEvents="none"。

<强>样式

spinner: {
        position: 'absolute',
        left: 0,
        right: 0,
        top: 0,
        bottom: 0,
        justifyContent: 'center',
        backgroundColor: '#f3f3f3'
    }

<强>用法

{loading && <View style={styles.spinner} pointerEvents={'none'}>
        <ActivityIndicator/>
    </View>
}

其中loading是您的条件检查。