/**

  * 模仿美团首页部分

  * */

 'use strict'

 import React,{

     AppRegistry,

     Component,

     StyleSheet,

     Text,

     View,

     Image,

 } from 'react-native';

 class TestImage extends Component {

   render(){

     return(

         <View style={styles.containerStyle}>

           <View style={{flexDirection:'row'}}>

                 <View style={{width:70}}>

                 <Image source={require('./images/1.png')}

                 style={styles.imageStyle}/>

                 <Text style={styles.textStyle}>美食</Text>

                 </View>

                 <View style={{width:70}}>

                 <Image source={require('./images/2.png')}

                        style={styles.imageStyle}/>

                 <Text style={styles.textStyle}>酒店</Text>

               </View>

               <View style={{width:70}}>

                 <Image source={require('./images/3.png')}

                 style={styles.imageStyle}/>

                 <Text style={styles.textStyle}>电影</Text>

               </View>

               <View style={{width:70}}>

                 <Image source={require('./images/4.png')}

                 style={styles.imageStyle}/>

                 <Text style={styles.textStyle}>旅游</Text>

               </View>

           </View>

           <View style={{flexDirection:'row',marginTop:10}}>

                 <View style={{width:70}}>

                   <Image source={require('./images/5.png')}

                   style={styles.imageStyle}/>

                   <Text style={styles.textStyle}>外卖</Text>

                 </View>

                 <View style={{width:70}}>

                   <Image source={require('./images/6.png')}

                   style={styles.imageStyle}/>

                   <Text style={styles.textStyle}>周边游</Text>

                 </View>

               <View style={{width:70}}>

                 <Image source={require('./images/7.png')}

                        style={styles.imageStyle}/>

                 <Text style={styles.textStyle}>休闲娱乐</Text>

               </View>

               <View style={{width:70}}>

                 <Image source={require('./images/8.png')}

                        style={styles.imageStyle}/>

                 <Text style={styles.textStyle}>今日新单</Text>

               </View>

           </View>

       </View>

   );

   }

 }

 const styles=StyleSheet.create(

     {

       imageStyle:{

         alignSelf:'center',

         width:45,

         height:45

       },

       textStyle:{

         marginTop:5,

         textAlign:'center',

         fontSize:11,

         color:'#555555'

       },

       containerStyle:{

         marginLeft:5,

         marginTop:10,

         marginRight:5

       }

     }

 );

 //第一个参数是package中name,第二个参数是需要注册的组件

 AppRegistry.registerComponent('MyProject',() =>TestImage);