React Native解决安卓图片被挤压

时间：2017-06-27 20:06:46 阅读：199 评论：0 收藏：0 [点我收藏+]

标签：com 技术分享 ima native style 理解 span 分享没有

Bug如下图所示:

iOS显示正常,而安卓出现图片被挤压上去.

技术分享

最后的解决方法:

比如你的图片是 750 x 513 那么你设置样式的时候 width 为屏幕的宽，高度为屏幕的宽 / (750 /513)
这样就保留了原图的宽高比.

var styles = StyleSheet.create({
  // 这里是拿不到图片的个数的,需要使用内联样式即可
    // contentContainer: {
    //   width: Util.size.width,
    //   height: Util.size.height,
    // },
    backgroundImage: {
      width: Util.size.width,
      height: Util.size.width / (750 / 1334),  // 这么设置是为了:保留了原图的宽高比,否则安卓会拉伸
    },

});

不理解的是为什么其他的没有问题,就是在这个引导页的实现上出现问题呢?知道的大神级的告诉我哟!!!

React Native解决安卓图片被挤压

标签：com 技术分享 ima native style 理解 span 分享没有

原文地址：http://www.cnblogs.com/pengsi/p/7086490.html

踩

(0)

评论一句话评论（0）