反应本机图像/响应者

时间:2019-02-28 21:22:21

标签: reactjs react-native

你好,我试图获取相对于element(Image)的触摸位置,该组件看起来像这样:

<Image
   resizeMode={'contain'}
   {...this._panResponder.panHandlers}
   style={{
        flex: 1,
        alignSelf: 'stretch',
        width: null,
        height: null,
    }}
    source={{ uri }}
/>

图像将按照其应有的宽度显示,并且高度是动态的(因此它不会拉伸图片)。但是当我记录此:

onPanResponderGrant: (evt) => {
    console.log(evt.nativeEvent.locationX)
    console.log(evt.nativeEvent.locationY)
},

并在左上角(接近0,0)触发触摸事件,例如,没有获得(5,5)之类的值,例如X值获得5,Y值获得200。我应该添加im将图片定位在屏幕中间,并带有justifyContent:'center'。

我的猜测是,图像占用了它可以获得的所有空间,并且只显示图片而没有拉伸它(paddingVertical)。

有人知道我如何使照片仅达到其实际需要的高度而又不知道照片的大小吗?

0 个答案:

没有答案