我想調(diào)整圖像的大小，以適應(yīng)我想要的寬度和高度，并把它放在頂部。這是我的代碼:

<View style={{ flex: 1 }}>
      <Image source={TOP_START_GRAPHIC} style={styles.topStartImage} />
      // another contents goes here...
    </View>

風(fēng)格:

const styles = StyleSheet.create({
  topStartImage: {
    resizeMode: "contain",
    width: screen.width * 0.6,
    height: screen.height * 0.4,
    backgroundColor: 'green',
  },
})

這是結(jié)果: 結(jié)果呢

我發(fā)現(xiàn)這是因?yàn)槲以O(shè)置了resize mode:& quot；包含& quot所以它把法師放在中間。但如果我不設(shè)置它，圖像將被裁剪和超級(jí)縮放，如下所示: 如果我不調(diào)整圖像的大小

我希望它是在屏幕的頂部，圖像完全顯示像第一個(gè)圖像。你能幫我嗎？

像這樣將圖像包裹在視圖中，

<View style={{ flex: 1 }}>
  <View style={styles.topStartContainer}>
    <Image source={TOP_START_GRAPHIC} style={styles.topStartImage} resizeMode="contain" />
  </View>
  {/* Other contents go here */}
</View>