InteractionManager.runAfterInteractions example

index.js

import React, { useState, useRef, useEffect } from 'react';
import {
  Text,
 
  InteractionManager,
 
} from 'react-native';
 
export default function App() {
  const [screenLoading, setScreenLoading] = useState(true);
  useEffect(()=>{
    InteractionManager.runAfterInteractions(() => {
      // 2: Component is done animating 
      // 3: Start fetching data that is needed to render UI
      setScreenLoading(false) //Set screenloading prop to false
   });
  },[])
  return (
    //render skeleton placeholder/any placeholder when screenLoading is true
    //then
    //render appropirate UI based on heavy computation when the data is been successfully fetched from server
  );
}