Showing
1 changed file
with
6 additions
and
6 deletions
@@ -27,7 +27,7 @@ export default class CategoryList extends Component { | @@ -27,7 +27,7 @@ export default class CategoryList extends Component { | ||
27 | this.dataSource = new ListView.DataSource({rowHasChanged: (r1, r2) => !immutable.is(r1, r2)}); | 27 | this.dataSource = new ListView.DataSource({rowHasChanged: (r1, r2) => !immutable.is(r1, r2)}); |
28 | this.subRenderRow = this.subRenderRow.bind(this); | 28 | this.subRenderRow = this.subRenderRow.bind(this); |
29 | this.state = { | 29 | this.state = { |
30 | - offsetx: 0, | 30 | + offsetx: -width/2, |
31 | }; | 31 | }; |
32 | this.cacheChannel=''; | 32 | this.cacheChannel=''; |
33 | } | 33 | } |
@@ -38,7 +38,7 @@ export default class CategoryList extends Component { | @@ -38,7 +38,7 @@ export default class CategoryList extends Component { | ||
38 | 38 | ||
39 | componentWillUpdate(nextProps,nextState){ | 39 | componentWillUpdate(nextProps,nextState){ |
40 | if(this.cacheChannel!=nextProps.currentChannelId){ | 40 | if(this.cacheChannel!=nextProps.currentChannelId){ |
41 | - this.setState({offsetx:0}); | 41 | + this.setState({offsetx:-width/2}); |
42 | this.refs.categoryList && this.refs.categoryList.scrollTo({x: 0, y: 0, animated: false}); | 42 | this.refs.categoryList && this.refs.categoryList.scrollTo({x: 0, y: 0, animated: false}); |
43 | this.cacheChannel=nextProps.currentChannelId; | 43 | this.cacheChannel=nextProps.currentChannelId; |
44 | } | 44 | } |
@@ -53,7 +53,7 @@ export default class CategoryList extends Component { | @@ -53,7 +53,7 @@ export default class CategoryList extends Component { | ||
53 | if(rowID==this.props.currentCateId){ | 53 | if(rowID==this.props.currentCateId){ |
54 | LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); | 54 | LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); |
55 | if(this.state.offsetx<0){ | 55 | if(this.state.offsetx<0){ |
56 | - this.setState({offsetx:0}); | 56 | + this.setState({offsetx:-width/2}); |
57 | }else{ | 57 | }else{ |
58 | this.setState({offsetx: -width/2}); | 58 | this.setState({offsetx: -width/2}); |
59 | } | 59 | } |
@@ -157,19 +157,19 @@ let styles = StyleSheet.create({ | @@ -157,19 +157,19 @@ let styles = StyleSheet.create({ | ||
157 | flex: 1, | 157 | flex: 1, |
158 | flexDirection: 'row', | 158 | flexDirection: 'row', |
159 | width: width, | 159 | width: width, |
160 | - height: height - 156, | 160 | + height: height - 106, |
161 | backgroundColor: 'white', | 161 | backgroundColor: 'white', |
162 | }, | 162 | }, |
163 | contentContainer: { | 163 | contentContainer: { |
164 | backgroundColor: 'white', | 164 | backgroundColor: 'white', |
165 | width: width, | 165 | width: width, |
166 | - height: height - 156, | 166 | + height: height - 106, |
167 | }, | 167 | }, |
168 | subContentContainer: { | 168 | subContentContainer: { |
169 | // position: 'absolute', | 169 | // position: 'absolute', |
170 | backgroundColor: '#f4f4f4', | 170 | backgroundColor: '#f4f4f4', |
171 | width: width/2, | 171 | width: width/2, |
172 | - height: height - 156, | 172 | + height: height - 106, |
173 | 173 | ||
174 | }, | 174 | }, |
175 | row: { | 175 | row: { |
-
Please register or login to post a comment