图片resizeMode =＆＃39;包含＆＃39;没有在React Native中工作

Question

这是最简单的代码：

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Image resizeMode={'contain'} source={imageSource}/>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
})

如果resizeMode设置在＆＃39; center＆＃39;上，它的工作方式几乎与预期一致，但在＆＃39;包含＆＃39;时，图像不会调整大小。 The image is really huge，但它没有调整大小......我哪里错了？ :)

Answer 1

您的图片没有高度和重量的背景。你需要指定它。

这可以解决您的问题：

 <Image
style={{ width: "100%", height: "100%" }}
resizeMode={"contain"}
source={imageSource}
/>;