[ReactNative]ViewPager不显示图片

搞了一上午的ViewPager，因为网上资源少之又少，只能自己慢慢琢磨！！！

然后坑爹的是：ViewPager的图片就是不显示出来！！！

然后各种百度！！！

各种修改图片路径！！！

各种页面嵌套的测试！！！

各种坑爹的修改代码样式，企图出现一丝生机！！！

结果是：！！！

/** * Sample React Native App * https://github.com/facebook/react-native * @flow */import React, { Component } from 'react';import {  AppRegistry,  StyleSheet,  Text,  Image,  View,} from 'react-native';import ViewPager from 'react-native-viewpager'const BANNER_IMAGES = [require('./banner/one.png'),  require('./banner/two.png'),  require('./banner/three.png')];export default class Banner extends Component {  constructor(props)  {    super(props);    //state初始化    //ViewPager绑定的数据    dataSource = new ViewPager.DataSource({pageHasChanged: ((p1, p2) => p1!==p2)})    this.state =     {      dataSource: dataSource.cloneWithPages(BANNER_IMAGES)    }  }  _renderPage(data, pageID){    return <Image source={data} style={styles.page}/>  }  render() {    return <View style={{height: 128}}>      <ViewPager        dataSource={this.state.dataSource}        renderPage={this._renderPage}        isLoop={true}        autoPlay={true}/>    </View>  }}const styles = StyleSheet.create({  page:  {    flex: 1,    height: 128,    resizeMode: 'stretch'  }});

就在我快绝望的时候，想去吃午饭了，突然出来一个灵感！！！

是不是我指定一下方向就好啦！！！

然后我抱着试试看的心理，加上了一句话！！！

flexDirection: 'row', alignItems:'flex-start'

然后！！！

奇迹发生了我靠！！！

真是满满的都是坑爹啊！！！