Question

In，React-Native，是否可以在width道具中声明height和style的情况下显示图像？
我希望图像占据它拥有的所有空间或以其实际尺寸渲染。（例如，resizeMode是否设置为覆盖。）

我阅读了这篇文章并试图实现其方法，但没有成功：https://medium.com/the-react-native-log/tips-for-react-native-images-or-saying-goodbye-to-trial-and-error-b2baaf0a1a4d

这是我的代码：

    <View>
      <Image
        source={{ uri: 'https://upload.wikimedia.org/wikipedia/en/c/c8/Marvelwolverine.jpg' }}
        style={{
          flex: 1,
          height: undefined,
          width: undefined,
        }}
      />
    </View>

但除非我指定了硬编码width和height，否则不会打印任何内容。

Answer 1

你可以尝试

<View style={{ flex: 1 }}>
            <Image source={{ uri:'http://...'}}
                style={{
                    alignSelf: 'stretch',
                    flex: 1,
                }}
            />
        </View>

React-Native显示图片，不声明尺寸

1 个答案: