ReactNative 基础 - 03 （图片 Image）

1、远程图片使用：远程的图片，默认引入后，宽高都为0，需要设置宽高

2、本地图片，require语法，但是不需要加.default后缀

        blurRadius：图片模糊，值为数字

<Image  source={{uri: 'http://www…..png'}}  style={{height: 180}} />
<Image source={require('./assets/1.jpg')} style={{width: 400, height: 200}}/>
 {/* 模糊 */}
<Image
    source={require('./assets/1.jpg')}
    style={{width: 400, height: 200}}
    blurRadius={10}
/>

如果是通过遍历引入本地图片，需要在数组中这样写：

  data = [    
    { title: '商品管理', icon: require('../assets/menu_product.jpg')},
    { title: '用户管理',icon: require('../assets/menu_user.jpg')},
    { title: '订单管理',icon: require('../assets/menu_order.jpg')},
    { title: '首页管理',icon: require('../assets/menu_refresh.jpg')},
  ];