'组件跳转'

pages/components/MainPage.js

@@ -256,7 +256,7 @@ export default class MainPage extends BasePage {
         height: 225,
       }}>
         <TopicTitle title={this.state.monthTopicTitle} summary={'每天30分钟'} ifTubeShow={true} />
-        <ScrollRow itemWidth={352} itemHeight={153} data={this.state.monthTopicScroll} />
+        <ScrollRow itemWidth={352} itemHeight={153} nav={this.props.navigation.navigate} data={this.state.monthTopicScroll} />
       </View>
 
     );
@@ -269,7 +269,7 @@ export default class MainPage extends BasePage {
         height: 220,
       }}>
         <TopicTitle title={'热门课程'} ifTubeShow={true} />
-        <ScrollRow itemWidth={106} itemHeight={150} data={this.state.hotCourse} />
+        <ScrollRow itemWidth={106} itemHeight={150} nav={this.props.navigation.navigate} data={this.state.hotCourse} />
       </View>
     )
   }
@@ -293,7 +293,7 @@ export default class MainPage extends BasePage {
                 <View style={{ width: Dimensions.width, height: 4, backgroundColor: '#f0f1f5' }}></View>
               }
               <TopicTitle title={item.zone.title} />
-              <ScrollRow itemWidth={106} itemHeight={150} data={item.zoneCourseVOList} />
+              <ScrollRow itemWidth={106} itemHeight={150} nav={this.props.navigation.navigate} data={item.zoneCourseVOList} />
             </View>
           )
         })}

pages/components/ScrollRow.js

@@ -3,6 +3,7 @@
  *      itemWidth: 每一个图片宽度
  *      itemHeight: 每一个图片高度
  *      data:  数据 Arrary
+ *      nav: 路由方法
  */
 
 import React, { Component } from "react";
@@ -17,7 +18,7 @@ import {
 import BasePage from '../BasePage'
 import Dimensions from '../utils/dimensions'
 
-export default class ScrollRow extends BasePage {
+export default class ScrollRow extends Component {
 
 
     render() {
@@ -43,7 +44,7 @@ export default class ScrollRow extends BasePage {
                     alignItems: 'center',
                     marginLeft: 9,
                 }}
-                onPress={() => this.toNextPage('SchedulePage')}
+                onPress={() => this.props.nav('CourseDetails')}
                 activeOpacity={1}
             >
                 <View style={{