首页布局

@@ -13,10 +13,13 @@ export default class Main extends Component {
       <View style={styles.container}>
         <Carousel />
         {/* <Text style={styles.welcome}>首页</Text> */}
-        <TouchableOpacity onPress={() => {this.props.navigator.push()}} style={styles.MidContainer}>
+        <TouchableOpacity onPress={() => {this.props.navigator.push()}} style={styles.midContainer}>
           <Image source={require('../../assets/首页的副本/pic.png')} style={{width:72, height:18}} />
-          <Text style={styles.MidText}>平安保险2017版</Text>
+          <Text style={styles.midText}>平安保险2017版</Text>
         </TouchableOpacity>
+        <View style={styles.textContainer}>
+          <Text>保险头条</Text>
+        </View>
       </View>
     );
   }
@@ -30,21 +33,32 @@ const styles = StyleSheet.create({
     flex: 1,
     paddingTop: 64,
     justifyContent: "flex-start",
-    alignItems: "center",
+    alignItems: "stretch",
     backgroundColor: "#EFEFEF"
+
   },
-  MidContainer: {
+  midContainer: {
     height: 45,
-    width: 375,
+    // width: 200,
+    // alignSelf: 'center',
     backgroundColor: '#fff',
     alignItems: "center",
     flexDirection: 'row',
     paddingLeft: 13
   },
-  MidText: {
+  midText: {
     fontSize: 15,
     paddingLeft: 9,
     // fontFamily: PingFang-SC-Medium,
     color: '#202020'
+  },
+  textContainer: {
+    backgroundColor: '#fff',
+    marginTop: 10,
+    height: 45,
+    justifyContent: "center",
+    paddingLeft: 13,
+    fontSize: 15,
+    color: "#202020",
   }
 });