Merge pull request #273 from Exilz/minimal-loader

Add loadMinimalLoader prop

Author: leecade

README.md

@@ -193,6 +193,7 @@ AppRegistry.registerComponent('myproject', () => swiper);
 | style | {...} | `style` | See default style in source. |
 | loadMinimal | false | `bool` | Only load current index slide , `loadMinimalSize` slides before and after. |
 | loadMinimalSize | 1 | `number` | see `loadMinimal`   |
+| loadMinimalLoader | `<ActivityIndicator />` | `element` | Custom loader to display when slides aren't loaded
 
 #### Pagination
 

src/index.js

@@ -112,6 +112,7 @@ export default class extends Component {
     showsButtons: PropTypes.bool,
     loadMinimal: PropTypes.bool,
     loadMinimalSize: PropTypes.number,
+    loadMinimalLoader: PropTypes.element,
     loop: PropTypes.bool,
     autoplay: PropTypes.bool,
     autoplayTimeout: PropTypes.number,
@@ -605,7 +606,11 @@ export default class extends Component {
             i <= (index + loopVal + props.loadMinimalSize)) {
             return <View style={pageStyle} key={i}>{children[page]}</View>
           } else {
-            return <View style={pageStyleLoading} key={`loading-${i}`}><ActivityIndicator /></View>
+            return (
+              <View style={pageStyleLoading} key={`loading-${i}`}>
+                {props.loadMinimalLoader ? props.loadMinimalLoader : <ActivityIndicator />}
+              </View>
+            );
           }
         } else {
           return <View style={pageStyle} key={i}>{children[page]}</View>
@@ -629,4 +634,4 @@ export default class extends Component {
       </View>
     )
   }
-}
+}