增加详情列表

pages/CourseDetails.js

@@ -16,15 +16,18 @@ import {
   FlatList
 } from "react-native";
 
-import VideoExplain from './components/VideoExplain'
+import VideoExplain from './components/VideoExplain';
+import ScrollRow from "./components/ScrollRow";
 
 class CourseList extends Component {
   render() {
     return (
       <View style={styles.courseList}>
         <View style={[styles.padding, styles.title]}>
-
+          <Text style={styles.font}>课件</Text>
+          <Text style={styles.color}>共28课</Text>
         </View>
+        <ScrollRow itemWidth={106} itemHeight={150} />
       </View>
     );
   }
@@ -57,6 +60,20 @@ const styles = StyleSheet.create({
     
   },
   title: {
-
-  }
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  font: {
+    paddingTop: 10,
+    paddingBottom: 10,
+    fontSize: 18,
+    color: 'black',
+    fontWeight: 'bold',
+  },
+  clor: {
+    fontSize: 14,
+    color: 'black',
+  },
 });