如何收缩或强制行中组件之间的高度相等

我是RN的新手,我在处理高度优先权涉及的图像方面有困难,我似乎找不到解决的方法。

styles.itemDetails ).

图像总是增长到其图像固有高度,如果我使用 aspectRatio 它忽略了 resizeMode 属性,并且不会增长到可用空间。

组成部分:

    <View style={styles.item}>
      <Image style={styles.itemImg} source={source} />
      <View style={styles.itemDetails}>
        <Text>{poi.name}</Text>
        <Text>{poi.conciseDescription}</Text>
      </View>
    </View>

风格:

const styles = StyleSheet.create({
  item: {
    marginTop: 8,
    marginHorizontal: 8,
    borderRadius: 8,
    backgroundColor: '#E5E5E5',
    flexDirection: 'row',
  },
  itemImg: {
    flex: 1,
    borderTopLeftRadius: 8,
    borderBottomLeftRadius: 8,
    resizeMode: 'cover',
  },
  itemDetails: {
    flex: 2,
    margin: 16,
    backgroundColor: 'green',
  },
  itemTitle: {
    fontSize: 22,
  },
});