Javascript 反应本机奇怪的flex行为

我正试图创建一个带有图像的标题，所以我写了以下内容：

  <View style={{
          flex: 1,
          backgroundColor: "#FFFFFF",
          padding: 20
          }}
  >
    <View style={{ flex: 3 }}>
      <Image
        source={this.images.header}
        style={{
          flex: 1,
          alignSelf: "flex-end",    // HERE
          resizeMode: "contain",
          marginTop: -20,
          marginLeft: -20
        }}
      />
    </View>
  </View>

奇怪的部分是

alignSelf:“flex end”

-这将对齐左侧的图像！据我所知，左对齐必须是

alignSelf:“flex start”

我错了吗

备注：我使用

marginTop:-20

和

marginLeft:-20

将图像粘贴到设备的边框上（因为

填充：20

容器）

有什么想法吗

提前感谢

---

我认为这是因为

图像

覆盖了整个空间，但是图像数据的大小被调整了，因此您认为它只是视图的一部分。尝试删除

flex:1

并正确设置

宽度和
高度，或者至少设置两者之一。
删除resizeMode:“contain”@KamleshGupta那么图像太大了！你能试试flex吗：-1我检查过它是否对我有效。我使用
样式={{{flex:1，resizeMode:“center”}
作为图像-图像的左侧部分被剪切。。。但不知何故，我希望它是响应性的，那么我可以使用宽度吗（并避免使用flex
？）是的！你可以，但只有一个都让屏幕调整。