React-Native 显示图像而不声明尺寸

Question

在 React-Native 中，是否可以在不在 style prop 中声明 width 和 height 的情况下显示图像？
我希望图像采用它拥有的所有 space 或以其实际尺寸呈现。（例如resizeMode是否设置为cover。）

我阅读了这篇文章并尝试实现它的方法但没有成功：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 显示图像而不声明尺寸

React-Native display image without declaring dimensions

image

react-native

react-native-flexbox