react-native props

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, {Component} from 'react';
import { AppRegistry,Image} from 'react-native';

export default class Bananas extends Component {
    render() {
        let pic = {
            uri: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1519068952603&di=e4617536d597d4c80dad82e9594d9aed&imgtype=0&src=http%3A%2F%2Fpic.yesky.com%2FuploadImages%2F2016%2F337%2F09%2F2IM8874N8UW1.jpg',
        };
        return(
            <Image source={ pic }
                   style={{ width: '100%', height: '100%' }} />
        )
    }
}
AppRegistry.registerComponent('xiao', () => Bananas);

加载图片有坑，请注意：

1.官方提供的网络图片有些已经无法显示，因此你不论怎么写，在手机上也是无法展示的。

2.官方提供的网络图片也是无法展示，目前还没有找到原因，比如像这个路径。

https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg

在网上可以打开，但在手机上无法展示，原因正在探索中。

3.style中的100%需要加引号，需要注意。