title: How to preload local images?
body: <p>I am trying to preload all these images before I start my navigation other screens. But I'm not sure how to implement it. Please help.. </p>
  
  <pre><code>import React from "react";
  import { Provider } from "react-redux";
  import navigationServices from "./src/helper/navigationServices";
  import store from "./src/redux/store";
  import RootNavigation from "./src/rootNavigation";
  
  
  const images = [
    require('./assets/icons/back.png'),
    require('./assets/icons/plants.png'),
    require('./assets/icons/seeds.png'),
    require('./assets/icons/flowers.png'),
    require('./assets/icons/sprayers.png'),
    require('./assets/icons/pots.png'),
    require('./assets/icons/fertilizers.png'),
    require('./assets/images/plants_1.png'),
    require('./assets/images/plants_2.png'),
    require('./assets/images/plants_3.png'),
    require('./assets/images/explore_1.png'),
    require('./assets/images/explore_2.png'),
    require('./assets/images/explore_3.png'),
    require('./assets/images/explore_4.png'),
    require('./assets/images/explore_5.png'),
    require('./assets/images/explore_6.png'),
    require('./assets/images/illustration_1.png'),
    require('./assets/images/illustration_2.png'),
    require('./assets/images/illustration_3.png'),
    require('./assets/images/avatar.png'),
  ];
  
  const App = () =&gt; (
    &lt;Provider store={images}&gt;
      &lt;RootNavigation
        ref={navRef =&gt; navigationServices.setTopLevelNavigator(navRef)}
      /&gt;
    &lt;/Provider&gt;
  );
  
  export default App;
  </code></pre>
  
  <p>I tried to place the const images into the Provider from redux but it couldnt load</p>