使用包含调整大小模式在图像右上角反应本机按钮

Question

我有一个肖像图像，它的 resizeMode 设置为包含，因此它可以缩放到屏幕。我想在图像的右上角放置一个按钮。我的问题是，因为图像在不同屏幕分辨率上的缩放比例不同，所以当我尝试使用绝对定位时，按钮的放置方式不同。在 React Native 中是否有一种简单的方法可以做到这一点？我需要使用响应式定位库吗？

Answer 1

你可以这样做

<View style={{flex:1}}>
    <Image
       source={require('../image/path...jpg')} 
       style={{ width: '100%', height: '100%' }}
    />
    <Icon 
       name="md-close" 
       style={{position: 'absolute', right: 5,top: 5}} />
</View>