Allow custom render item to wrap touchable component

Author: avertin

lib/AutoDragSortableView.js

@@ -644,19 +644,27 @@ export default class AutoDragSortableView extends Component{
                         opacity: item.scaleValue.interpolate({inputRange,outputRange}),
                         transform: [transformObj]
                     }]}>
-                    <TouchableOpacity
-                        activeOpacity = {1}
-                        delayLongPress={this.props.delayLongPress}
-                        onPressOut={()=> this.onPressOut()}
-                        onLongPress={()=>this.startTouch(index)}
-                        onPress={()=>{
-                            if (this.props.onClickItem) {
-                                this.isHasMeasure = true
-                                this.props.onClickItem(this.getOriginalData(),item.data,index)
-                            }
-                        }}>
-                        {this.props.renderItem(item.data,index)}
-                    </TouchableOpacity>
+                    {this.props.dontWrapItems ? 
+                        this.props.renderItem(item.data, index, {
+                            delayLongPress: this.props.delayLongPress,
+                            onPressOut: () => this.onPressOut(),
+                            onLongPress: () => this.startTouch(index),
+                        }) :
+                        <TouchableOpacity
+                            activeOpacity = {1}
+                            delayLongPress={this.props.delayLongPress}
+                            onPressOut={()=> this.onPressOut()}
+                            onLongPress={()=>this.startTouch(index)}
+                            onPress={()=>{
+                                if (this.props.onClickItem) {
+                                    this.isHasMeasure = true
+                                    this.props.onClickItem(this.getOriginalData(),item.data,index)
+                                }
+                            }}>
+                            {this.props.renderItem(item.data,index)}
+                        </TouchableOpacity>
+                    }
+                    
                 </Animated.View>
             )
         })
@@ -682,6 +690,8 @@ AutoDragSortableView.propTypes = {
 
     sortable: PropTypes.bool,
 
+    dontWrapItems: PropTypes.bool,
+
     onClickItem: PropTypes.func,
     onDragStart: PropTypes.func,
     onDragEnd: PropTypes.func,

lib/index.d.ts

@@ -14,11 +14,13 @@ interface IProps{
 
   sortable?: boolean;
 
+  dontWrapItems?: boolean;
+
   onClickItem?: (data: any[],item: any,index: number) => void;
   onDragStart?: (fromIndex: number) => void;
   onDragEnd?: (fromIndex: number,toIndex: number) => void;
   onDataChange?: (data: any[]) => void;
-  renderItem: (item: any,index: number) => React.ReactElement<any>;
+  renderItem: (item: any, index: number, touchableProps?: any) => React.ReactElement<any>;
   scaleStatus?: 'scale' | 'scaleX' |'scaleY';
   fixedItems?: number[];
   keyExtractor?: (item: any,index: number) => any;