Реагируй на нативное странное гибкое поведение

Question

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

  <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 контейнера)

Есть идеи?

Заранее спасибо!

Answer 1

Я думаю, это потому, что Image покрывает все пространство, но данные изображения изменяются так, что вы думаете, что это только часть изображения. Попробуйте удалить flex: 1 и правильно установить width и height или по крайней мере один из них.