javascript - 在 React Native 中加载 ActivityIndi​​cator 时如何禁用触摸屏？

Question

我想在加载时禁用触摸屏(我使用 ActivityIndi​​cator)。我输入了 pointerEvents = {'none} 但它不起作用。你能给我一个解决方案吗？

import React from "react";
import { TouchableWithoutFeedback, View, ActivityIndicator } from "react-native";
import Colors from "../../resources/colors/Colors";

const AppProgress = () => (
    <View pointerEvents={"none"}
      style={{
        width: "100%",
        height: "100%",
        backgroundColor: Colors.dimBlack,
        position: "absolute",
        alignSelf: "center",
        justifyContent: "center",
        alignItems: "center"
      }}>
      <ActivityIndicator size="large" color={Colors.green}/>
    </View>
);

export default AppProgress;

版本:

react: 16.4.1 => 16.4.1
react-native: 0.56.0 => 0.56.0

Answer 1

你已经正确地完成了每件事，你可以在 View 样式中尝试高值的 zIndex，因为其他 View 可能与它重叠。