javascript - ImageBackground 调整模式

Question

我最近更新了 React-native，它引入了一个警告，代码如下:

 <Image
      source={require('../../assets/icons/heart.png')}
      style={{
        resizeMode: 'contain',
        height: 25,
        width: 25
      }}
    >
      <Text>foobar</Text>
    </Image>

还有警告:

index.ios.bundle:50435 Using <Image> with children is deprecated and will be an error in the near future. Please reconsider the layout or use <ImageBackground> instead.

问题是，当我改用 ImageBackground 组件时，它会警告我不能对它使用 ResizeMode 样式。

 <ImageBackground
      source={require('../../assets/icons/heart.png')}
      style={{
        resizeMode: 'contain',
        height: 25,
        width: 25
      }}
    >
      <Text>foobar</Text>
    </ImageBackground>

还有警告:

Warning: Failed prop type: Invalid props.style key 'resizeMode' supplied to 'View'. Bad object: { ResizeMode: 'contain, height: 25, width: 25}

您应该如何使用 ImageBackgrounds？网上似乎没有关于它的任何文档。

Answer 1

ImageBackground 接受两个样式属性——style 和 imageStyle——它们(显然)分别应用于内部 View 和 Image。还值得注意的是，容器样式的高度和宽度值会自动应用于图像样式。详情请访问 this .