_loop
├── loop00000.png
├── loop00001.png
├── loop00002.png
├── loop00003.png
├── loop00004.png
└── loop00005.png

420 128 30
c 0 0 _loop

SplashScreenImages.zip
├── _loop
│   ├── loop00000.png
│   ├── loop00001.png
│   ├── loop00002.png
│   ├── loop00003.png
│   ├── loop00004.png
│   └── loop00005.png
└── desc.txt

application/
├── CMakeLists.txt
├── CONTRIBUTING.md
├── Config
├── README.md
├── assets
│   └── raw
│       └── SplashScreenImages.zip
├── build
├── build-tools
├── buildinfo.json
├── bundle
├── cmake
├── docs
├── manifest.toml
└── src

import React, { useEffect, useState } from 'react';
import { Text, View } from 'react-native';
import { useHideSplashScreenCallback, usePreventHideSplashScreen } from '@amazon-devices/react-native-kepler';

export default function App() {
  usePreventHideSplashScreen();

  const [isAppReady, setIsAppReady] = useState(false);

  // Begin loading application content (network requests, etc.)
  // Using 2 second timeout as dummy for loading content
  setTimeout(() => setIsAppReady(true), 2000);
  const hideSplashScreenCallback = useHideSplashScreenCallback();

  useEffect(() => {
    if (isAppReady) {
      // Hide the splash screen and render content
      hideSplashScreenCallback();
    }
}, [isAppReady]);

  return (
    <View
      style={{
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center'
      }}
    >
      <Text> SplashScreen Demo! </Text>
    </View>
  );
}

preventAutoHideAsync(moduleName);

hideAsync(moduleName);

usePreventHideSplashScreen(): void

useHideSplashScreenCallback(): () => void