import {AfterInteractions} from 'react-native-interactions';
 
function MyComponent() {
  return (
    <AfterInteractions>
      <ExpensiveComponent/>
    </AfterInteractions>
  );
}

import {AfterInteractions} from 'react-native-interactions';
 
function MyScene() {
  return (
    <AfterInteractions placeholder={<CheapPlaceholder/>}>
      <ExpensiveComponent/>
    </AfterInteractions>
  );
}

import {renderAfterInteractions} from 'react-native-interactions';
 
@renderAfterInteractions
class ExpensiveComponent extends Component {
 
  static placeholder = <CheapPlaceholder/>;
 
  render() {
    // expensive stuff
  }
}

@renderAfterInteractions({placeholder: <CheapPlaceholder/>})
class ExpensiveComponent extends Component {
  // expensive stuff
}

class ExpensiveComponent extends Component {
  // expensive stuff
}
 
export default renderAfterInteractions(ExpensiveComponent);