如何使React Native Image组件在Android上调整视图边界？

Question

我在React Native flexbox中将以下Image组件与两个Text元素配对：

<View
    style={{
        flex: 1,
        flexDirection: 'row',
    }}>
    <Image
       style={{
           width: 100,
           height: undefined,
           margin: 4,
           // borderWidth: 1,
           // borderColor: '#777',
       }}
       source={{uri: image.url}}
       resizeMode='center'
    />
    <View style={{flex: 1, flexDirection: 'column', justifyContent: 'flex-start'}}>
        <Text style={styles.title}>{article.promotionContent.title.value}</Text>
        <Text style={styles.description}>{article.promotionContent.description.value}</Text>
    </View>
</View>

如上所述实现此输出：

但是我怀疑它不是adjust view bounds，因为我在图像上方得到了空白区域（它应该对齐到顶部）并且如果我向View添加边框，即取消注释两个线条，我得到了这个奇怪的神器：

还有其他人经历过这个吗？

如果您想测试我的项目，请查看this repo

中的提交3a3f705c271a0b523a1769536d16984c5dd47233

我的问题有些假设。我的最终目标是在设置恒定宽度，添加边框和顶部对齐后重新缩放高度。