重新调整图像以使父宽度与React Native匹配

Question

来自原生Android，我很难设计我的布局。我想要实现的非常简单：将屏幕高度的1/3高度与屏幕宽度相匹配的图片居中。 我也想保持原来的比例。 它在iOS上运行良好，但在Android上运行不正确。

这是我到目前为止所得到的：

 'use strict';

 import React,{
 Component,
 View,
 Image,
 Text,
 StyleSheet
 } from 'react-native';

import Dimensions from 'Dimensions';

export default class SplashScreen extends Component {
  render() {
    return(
        <View style={{flex: 1, flexDirection: 'column', justifyContent:'center'}}>
        <View style={this.renderLogoContainerStyle()}>
          <Image
            style={this.renderLogo}
            source={require('./img/cat_logo.gif')}
          />
      </View>
    </View>
   );
  }

  renderLogo(){
    return{
      height: Dimensions.get('window').height / 3,
      width: Dimensions.get('window').width,
      resizeMode: 'contain'
    };
  }
  renderLogoContainerStyle(){
    return{
      borderColor:'red',
      borderWidth:4
    };
   }
  }
}

Android设备上结果的屏幕截图：

有什么线索的原因？这是Android上缺少的功能吗？