React Native странное поведение гибкости

Я пытаюсь создать заголовок с изображением, поэтому пишу это:

  <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".

Я ошибаюсь?

PS: Я использую marginTop: -20 и marginLeft: -20, чтобы приклеить изображение к границам устройства (из-за padding: 20 контейнера)

Есть идеи?

Thank in advance!