Question

我正在尝试将背景图像拉伸到全屏从网络和本地存储中提取时，图像的行为似乎有所不同。

此功能不会按要求拉伸图像（右边有一个约70像素的白边）：这是我的render（）资金：

  var BackgroundImage = require('./images/logo_og.png');

  render(){
    return(
      <View style={[{flex: 1, alignItems: 'stretch'}]}>
      <Image source={BackgroundImage} style={[{flex: 1}]} >
      </Image>
    </View>
  );

相同的渲染功能可以很好地显示从网络中提取的图像：

  render(){
    return(
      <View style={[{flex: 1, alignItems: 'stretch'}]}>
      <Image source={{uri:'https://facebook.github.io/react/img/logo_og.png'}} style={[{flex: 1}]} >
      </Image>
    </View>
  );

知道发生了什么事吗？

Answer 1

报告了类似问题here。尝试将图片的宽度设置为null：

<Image source={BackgroundImage} style={[{flex: 1, width: null}]} >

全屏背景图像的行为与网络和本地存储不同

1 个答案: