`runAfterIteractions` nested works terribly

react-native version

info 
  React Native Environment Info:
    System:
      OS: Linux 4.15 Ubuntu 18.04.3 LTS (Bionic Beaver)
      CPU: (4) x64 Intel(R) Core(TM) i7-7500U CPU @ 2.70GHz
      Memory: 328.77 MB / 7.68 GB
      Shell: 4.4.20 - /bin/bash
    Binaries:
      Node: 10.16.3 - /usr/local/bin/node
      npm: 6.9.0 - /usr/local/bin/npm
    IDEs:
      Android Studio: 3.5 AI-191.8026.42.35.5900203
    npmPackages:
      react: 16.8.3 => 16.8.3 
      react-native: https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz => 0.59.8 

Steps To Reproduce

I use runAfterIteractions to do a modal switch. With the simple switch, it works well. And I want to add a time-consuming task after switch, by runAfterIteractions nested. It looks like:

set first-modal-visible false;
runAfterInteractions(()=> {
  set second-modal-visible true;
  runAfterInteractions(()=> {
    run time-consuming task;
  });
});

Actually, it will run the task, then do a Modal switch. What’s the reason?

Describe what you expected to happen

I want to add a time-consuming task after Modal switch. But, actually, the task will run before Modal switch.

[safaiyeh]

Hi @kangbb, thank you for the issue.

Can you include some more information for this can be investigated: • Verify it happens on the latest RN version • Provide a Snack or reproducible demo

[stale[bot]]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.