backup

Author: soliury

src/components/ScrollableTabs.js

@@ -44,14 +44,19 @@ class ScrollableTabs extends Component {
 		this.state.x.addListener((e)=> {
 			if (e.value % (this.space + tabNavItemWidth) === 0) {
 				let index = Math.abs(e.value / (this.space + tabNavItemWidth));
-				typeof this.props.onPageChangedAndAnimateEnd === 'function' && this.props.onPageChangedAndAnimateEnd(index, this._isScrolling());
+				typeof this.props.onPageChangedAndAnimateEnd === 'function' && this.props.onPageChangedAndAnimateEnd(index, this.isScrolling());
 			}
 		});
 		this._navs = {};
 		this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);
 	}
 
 
+	isScrolling() {
+		return ()=> this._scrolling;
+	}
+
+
 	_updateNavScale(offset) {
 		const space = this.space + this.props.tabNavItemWidth;
 		this.props.tabs.forEach((item, index)=> {
@@ -67,7 +72,7 @@ class ScrollableTabs extends Component {
 					scale = (max - offset) / space;
 				}
 
-				if (offset == center) {
+				if (offset === center) {
 					scale = 1;
 				}
 				this._navs[index].setNativeProps({
@@ -92,12 +97,9 @@ class ScrollableTabs extends Component {
 	}
 
 
-	_isScrolling() {
-		return ()=> this._scrolling;
-	}
-
 	_onScroll(e) {
 		const {x} = e.nativeEvent.contentOffset;
+		this._scrolling = true;
 		this._animateScroll(x);
 	}
 
@@ -116,7 +118,7 @@ class ScrollableTabs extends Component {
 		this._animateScroll(offsetX);
 		if (page !== this.index) {
 			this._scrolling = false;
-			typeof this.props.onPageChanged === 'function' && this.props.onPageChanged(page, this._isScrolling());
+			typeof this.props.onPageChanged === 'function' && this.props.onPageChanged(page, this.isScrolling());
 		}
 		this.index = page;
 	}
@@ -128,7 +130,7 @@ class ScrollableTabs extends Component {
 		if (position === undefined) {
 			return;
 		}
-		typeof this.props.onPageChanged === 'function' && this.props.onPageChanged(position, this._isScrolling());
+		typeof this.props.onPageChanged === 'function' && this.props.onPageChanged(position, this.isScrolling());
 	}
 
 
@@ -220,7 +222,7 @@ class ScrollableTabs extends Component {
 					scrollEventThrottle={16}
 					onScroll={this._onScroll.bind(this)}
 					onMomentumScrollBegin={this._onMomentumScrollBegin.bind(this)}
-					onMomentumScrollEnd={this._onMomentumScrollBegin.bind(this)}
+					onMomentumScrollEnd={this._onMomentumScrollEnd.bind(this)}
 					keyboardDismissMode="on-drag"
 				>
 

src/layouts/Home.js

@@ -35,7 +35,9 @@ class Home extends Component {
 			return (
 				<TopicList router={this.props.router}
 						   key={item}
-						   tab={item}/>
+						   tab={item}
+						   isTabScrolling={()=> this._scrollableTabs.isScrolling()()}
+				/>
 			);
 		});
 	}
@@ -46,6 +48,7 @@ class Home extends Component {
 		return (
 			<View style={styles.container}>
 				<ScrollableTabs
+					ref={view=> this._scrollableTabs=view}
 					index={0}
 					tabs={['精华', '问答', '主页', '分享', '招聘']}
 					onPageChangedAndAnimateEnd={this._onPageChanged.bind(this)}

src/layouts/TopicList.js

@@ -23,13 +23,28 @@ class TopicList extends Component {
 
 	componentWillReceiveProps(nextProps) {
 		if (nextProps.data !== this.props.data) {
-			this.setState({
-				ds: this.state.ds.cloneWithRows(nextProps.data)
-			});
+			this._updateData(nextProps.data);
 		}
 	}
 
 
+	_updateData(data) {
+		this.setState({
+			ds: this.state.ds.cloneWithRows(data)
+		});
+		// if (!this.props.isTabScrolling()) {
+		// 	this.setState({
+		// 		ds: this.state.ds.cloneWithRows(data)
+		// 	});
+		// }
+		// else {
+		// 	setTimeout(()=> {
+		// 		this._updateData(data);
+		// 	}, 16);
+		// }
+	}
+
+
 	_onEndReached() {
 		const {tab, limit, page, actions, data} = this.props;
 		if (data.length) {