Reresh cache after update

Close #121

src/SwipeableTabBarMixin.js

@@ -86,11 +86,8 @@ export default {
     const { totalDelta, vertical } = this.cache;
     setPxStyle(this.swipeNode, totalDelta, vertical);
   },
-  componentDidMount() {
-    const { swipe, nav } = this;
-    const { tabBarPosition, pageSize, panels, activeKey } = this.props;
-    this.swipeNode = ReactDOM.findDOMNode(swipe); // dom which scroll (9999px)
-    this.realNode = ReactDOM.findDOMNode(nav); // dom which visiable in screen (viewport)
+  setCache() {
+    const { tabBarPosition, pageSize, panels } = this.props;
     const _isVertical = isVertical(tabBarPosition);
     const _viewSize = getStyle(this.realNode, _isVertical ? 'height' : 'width');
     const _tabWidth = _viewSize / pageSize;
@@ -99,13 +96,23 @@ export default {
       totalAvaliableDelta: _tabWidth * panels.length - _viewSize,
       tabWidth: _tabWidth,
     };
+  },
+  componentDidMount() {
+    const { swipe, nav } = this;
+    const { activeKey } = this.props;
+    this.swipeNode = ReactDOM.findDOMNode(swipe); // dom which scroll (9999px)
+    this.realNode = ReactDOM.findDOMNode(nav); // dom which visiable in screen (viewport)
+    this.setCache();
     this.setSwipePositionByKey(activeKey);
   },
   componentWillReceiveProps(nextProps) {
     if (nextProps.activeKey && nextProps.activeKey !== this.props.activeKey) {
       this.setSwipePositionByKey(nextProps.activeKey);
     }
   },
+  componentDidUpdate() {
+    this.setCache();
+  },
   onPan(e) {
     const { vertical, totalAvaliableDelta, totalDelta } = this.cache;
     const { speed } = this.props;