It can not render images in react-native-scrollable-tab-view?

import ScrollableTabView from 'react-native-scrollable-tab-view';
import Swiper from 'react-native-swiper';

var sliderImgs = [
    'http://images3.c-ctrip.com/SBU/apph5/201505/16/app_home_ad16_640_128.png',
    'http://images3.c-ctrip.com/rk/apph5/C1/201505/app_home_ad49_640_128.png',
    'http://images3.c-ctrip.com/rk/apph5/D1/201506/app_home_ad05_640_128.jpg'
];
var SwiperSlider = React.createClass({
    render: function () {
        return (
            <Swiper style={styles.wrapper} showsButtons={true} autoplay={true} height={80} showsPagination={false}>
                <Image style={[styles.slide,]} source={{ uri: sliderImgs[0] }}></Image>
                <Image style={[styles.slide,]} source={{ uri: sliderImgs[1] }}></Image>
                <Image style={[styles.slide,]} source={{ uri: sliderImgs[2] }}></Image>
            </Swiper>
        );
    }
});

This is my page tab view:

var Demo = React.createClass({
    render: function () {
        return (
            <View style={styles.container}>
                <ScrollableTabView initialPage={0} tabBarPosition='bottom' renderTabBar={() => <BottomTabBar />}>
                    <ScrollView tabLabel="index" style={styles.tabView} contentContainerStyle={{ height: 1000 }}>
                        <SwiperSlider />
                    </ScrollView>
                    <ScrollView tabLabel="index1" style={styles.tabView}>
                        <View style={styles.card}>
                            <Text>index1</Text>
                        </View>
                    </ScrollView>
                    <ScrollView tabLabel="index2" style={styles.tabView}>
                        <View style={styles.card}>
                            <Text>index2</Text>
                        </View>
                    </ScrollView>
                    <ScrollView tabLabel="index3" style={styles.tabView}>
                        <View style={styles.card}>
                            <Text>index3</Text>
                        </View>
                    </ScrollView>
                    <ScrollView tabLabel="index4" style={styles.tabView}>
                        <View style={styles.card}>
                            <Text>index4</Text>
                        </View>
                    </ScrollView>
                </ScrollableTabView>
            </View>
        );
    },
});

It can only render buttons and pagination,but can not view images.

Start by reproducing the provided ScrollableTabView and Swiper example with the listed remote image URLs. Trace the image-rendering path used by the Swiper and compare it with the working buttons and pagination; the issue is done when the remote images display in the tabs alongside those controls.