您可以在第一个模态useEffect中使用InteractionManager。这保证了第二个模态将在第一个模态动画完成后打开。

InteractionManager.runAfterInteractions(() => {
   // ...long-running synchronous task...
 });

更多详情：https://reactnative.dev/docs/interactionmanager

这是react-native中的已知限制
但作为一个"变通办法"
1.您可以在关闭第一个模态后，对第二个模态使用setTimeout
1.使用条件渲染，因此它根据可见性将第二模态注册（安装/卸载）到dom

import React, {useCallback, useState} from 'react';
import {Button, Modal, Text, View} from 'react-native';

const App = () => {
  const [is1stModalVisible, setIs1stModalVisible] = useState(false);
  const [is2ndModalVisible, setIs2ndModalVisible] = useState(false);

  const onOpen2ndModal = useCallback(() => {
    // closes the 1st modal
    setIs1stModalVisible(false);
    // open the 2nd modal
    setTimeout(
      () => {
        setIs2ndModalVisible(true);
      },
      // any small number will do, maybe animation duration
      100,
    );
  }, []);

  return (
    <View>
      <Button
        title="Open 1st modal"
        onPress={() => setIs1stModalVisible(true)}
      />

      <Modal visible={is1stModalVisible}>
        <Text>Modal 1 content</Text>
        <Button title="Open 2nd modal" onPress={onOpen2ndModal} />
      </Modal>
      {is2ndModalVisible ? (
        <Modal visible={is2ndModalVisible}>
          <Text>Modal 2 content</Text>
          <Button
            title="Close 2nd modal"
            onPress={() => setIs2ndModalVisible(false)}
          />
        </Modal>
      ) : null}
    </View>
  );
};

export default App;

因此，归根结底，问题在于React Native无法同时显示两个模态-即使您在前一个模态的结束动画尚未完成时尝试打开新模态，此限制也适用。

看起来有些人用超时来处理这个问题，但在我的测试中证明这是不可靠的。超时也依赖于一个神奇的数字，当问题的关键是模态在打开一个新的模态之前还没有卸载时。
为了解决这个问题，我在Dropdown菜单的上下文提供器中添加了一个名为queuedPress的状态变量，用于存储刚刚按下的菜单项的onPress函数。我还添加了一个afterClose回调函数，用于在Dropdown菜单的关闭动画完成时运行。当按下Dropdown项时，我存储其onPress函数，则afterClose处理实际的调用，这确保了onPress在动画完成之前一直处于队列中，因此从该onPress中打开的模态将保证在下拉菜单关闭之后打开。
根据您的代码，您的实现可能会有很大的不同，但在我的例子中，这是useContext的另一种情况。任何将开放模态的数量限制为1的解决方案都应该有效。

我们可以在第一个模态上使用onModalHide属性来触发第二个模态的打开，而不是使用超时来触发第二个模态的打开。
onModalAttribute仅在第一个模态关闭后调用。
然而，这并没有来自react-native的标准Modal。我们需要使用react-native-modal包来实现这个特性。它只提供了额外的特性，所以应该不难实现。