From f888cef50300df7736aaf7d7ac7271d35470c8b9 Mon Sep 17 00:00:00 2001
From: roytang <me@roytang.me>
Date: Wed, 28 Dec 2016 16:42:00 +0800
Subject: [PATCH] #126 support cell bleeding

---
 ViewPager.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/ViewPager.js b/ViewPager.js
index b0709ed..5e94cb4 100644
--- a/ViewPager.js
+++ b/ViewPager.js
@@ -42,6 +42,7 @@ var ViewPager = React.createClass({
     autoPlay: PropTypes.bool,
     animation: PropTypes.func,
     initialPage: PropTypes.number,
+    itemWidth: PropTypes.number
   },
 
   fling: false,
@@ -111,7 +112,7 @@ var ViewPager = React.createClass({
         var dx = gestureState.dx;
         var offsetX = -dx / this.state.viewWidth + this.childIndex;
         this.state.scrollValue.setValue(offsetX);
-      },
+      }
     });
 
     if (this.props.isLoop) {
@@ -304,13 +305,13 @@ var ViewPager = React.createClass({
       <View style={{flex: 1}}
         onLayout={(event) => {
             // console.log('ViewPager.onLayout()');
-            var viewWidth = event.nativeEvent.layout.width;
+            var viewWidth = this.props.itemWidth || event.nativeEvent.layout.width;
             if (!viewWidth || this.state.viewWidth === viewWidth) {
               return;
             }
             this.setState({
               currentPage: this.state.currentPage,
-              viewWidth: viewWidth,
+              viewWidth: viewWidth
             });
           }}
         >