罗广聪

首页布局

@@ -13,10 +13,13 @@ export default class Main extends Component { @@ -13,10 +13,13 @@ export default class Main extends Component {
13 <View style={styles.container}> 13 <View style={styles.container}>
14 <Carousel /> 14 <Carousel />
15 {/* <Text style={styles.welcome}>首页</Text> */} 15 {/* <Text style={styles.welcome}>首页</Text> */}
16 - <TouchableOpacity onPress={() => {this.props.navigator.push()}} style={styles.MidContainer}> 16 + <TouchableOpacity onPress={() => {this.props.navigator.push()}} style={styles.midContainer}>
17 <Image source={require('../../assets/首页的副本/pic.png')} style={{width:72, height:18}} /> 17 <Image source={require('../../assets/首页的副本/pic.png')} style={{width:72, height:18}} />
18 - <Text style={styles.MidText}>平安保险2017</Text> 18 + <Text style={styles.midText}>平安保险2017</Text>
19 </TouchableOpacity> 19 </TouchableOpacity>
  20 + <View style={styles.textContainer}>
  21 + <Text>保险头条</Text>
  22 + </View>
20 </View> 23 </View>
21 ); 24 );
22 } 25 }
@@ -30,21 +33,32 @@ const styles = StyleSheet.create({ @@ -30,21 +33,32 @@ const styles = StyleSheet.create({
30 flex: 1, 33 flex: 1,
31 paddingTop: 64, 34 paddingTop: 64,
32 justifyContent: "flex-start", 35 justifyContent: "flex-start",
33 - alignItems: "center", 36 + alignItems: "stretch",
34 backgroundColor: "#EFEFEF" 37 backgroundColor: "#EFEFEF"
  38 +
35 }, 39 },
36 - MidContainer: { 40 + midContainer: {
37 height: 45, 41 height: 45,
38 - width: 375, 42 + // width: 200,
  43 + // alignSelf: 'center',
39 backgroundColor: '#fff', 44 backgroundColor: '#fff',
40 alignItems: "center", 45 alignItems: "center",
41 flexDirection: 'row', 46 flexDirection: 'row',
42 paddingLeft: 13 47 paddingLeft: 13
43 }, 48 },
44 - MidText: { 49 + midText: {
45 fontSize: 15, 50 fontSize: 15,
46 paddingLeft: 9, 51 paddingLeft: 9,
47 // fontFamily: PingFang-SC-Medium, 52 // fontFamily: PingFang-SC-Medium,
48 color: '#202020' 53 color: '#202020'
  54 + },
  55 + textContainer: {
  56 + backgroundColor: '#fff',
  57 + marginTop: 10,
  58 + height: 45,
  59 + justifyContent: "center",
  60 + paddingLeft: 13,
  61 + fontSize: 15,
  62 + color: "#202020",
49 } 63 }
50 }); 64 });