Fix not passing close to controls prop

Author: antonKalinin

README.md

@@ -58,14 +58,14 @@ Prop name           | Description   | Type      | Default value | Platform |
 --------------------|---------------|-----------|---------------|----------|
 `animationType` | Type of animation modal presented with | "none", "fade", "slide" | "none" | 
 `backgroundColor` | Background color of the modal in HEX (#0099CC) | string | null | 
+`controls` | Config of available controls (see below) | Object | {close: true} | 
 `glideAlways`  | Emulates ScrollView glide animation if built-in was not triggered  | boolean | false | Android
 `glideAlwaysDelay`  | Defines delay in milliseconds for glideAlways  | number | 75 | Android
 `images`  | Array of images to display, see below image item description | array | [] | 
 `imageIndex` | Current index of image to display | number | 0 | 
 `isVisible` | Is modal shown or not | boolean | false | 
 `onClose` | Function called on modal closed | function | none | 
 `renderFooter` | Function returns a footer element | function | none | 
-`controls` | Config of available controls (see below) | Object | {close: true} | 
 
 #### Image item:
 

src/ImageView.js

@@ -68,7 +68,7 @@ type PropsType = {
     onClose: () => {},
     renderFooter: ImageType => {},
     controls: {
-        close?: ComponentType<ControlType>,
+        close?: ComponentType<ControlType> | boolean,
         next?: ComponentType<ControlType> | boolean,
         prev?: ComponentType<ControlType> | boolean,
     },
@@ -93,7 +93,7 @@ export default class ImageView extends Component<PropsType, StateType> {
         imageIndex: 0,
         glideAlways: false,
         glideAlwaysDelay: 75,
-        controls: {close: Close, prev: null, next: null},
+        controls: {prev: null, next: null},
     };
 
     constructor(props: PropsType) {
@@ -550,7 +550,11 @@ export default class ImageView extends Component<PropsType, StateType> {
 
     getControls = (): ControlsType => {
         const {close, prev, next} = this.props.controls;
-        const controls = {close, prev: undefined, next: undefined};
+        const controls = {close: Close, prev: undefined, next: undefined};
+
+        if (close === null) {
+            controls.close = null;
+        }
 
         if (prev) {
             controls.prev = prev === true ? Prev : prev;
@@ -778,9 +782,7 @@ export default class ImageView extends Component<PropsType, StateType> {
                     ]}
                 >
                     {!!close &&
-                        React.createElement(close, {
-                            onPress: this.close,
-                        })}
+                        React.createElement(close, {onPress: this.close})}
                 </Animated.View>
                 <FlatList
                     horizontal

src/types.js

@@ -6,7 +6,7 @@ export type ControlType = {
 };
 
 export type ControlsType = {
-    close?: ComponentType<ControlType>,
+    close?: ?ComponentType<ControlType>,
     next?: ComponentType<ControlType>,
     prev?: ComponentType<ControlType>,
 };