如何在响应本机中弹出图像

Question

我想放大新闻图像。

这是我的代码

{
     this.state.data.file_name &&
     <Avatar
        xlarge
        source={{ uri: IMG_URL + this.state.data.file_name }}
        onPress={() => this.enlargeImage(IMG_URL + 
        this.state.data.file_name)}
        activeOpacity={0.7}
        containerStyle={{ borderWidth: 1, borderColor: '#000', margin: 10 }}
     />
}

enlargeImage = (img) => {
return (
  <Lightbox underlayColor="white">
  <Image
    style={{flex: 1,height: 200}}
    resizeMode="contain"
    source={{ uri: img }}
  />
 </Lightbox>      
)
}

现在，图像点击没有响应。我正在使用react native lightbox。是否有其他方法可以弹出触摸屏上的图像？

Answer 1

您必须将灯箱添加到主头像图片

示例：-

{this.state.data.file_name &&
          <Lightbox style = {{flex: 1}}>
            <Avatar
        xlarge
        source={{ uri: IMG_URL + this.state.data.file_name }}
        activeOpacity={0.7}
        containerStyle={{ borderWidth: 1, borderColor: '#000', margin: 10 }}
     />
          </Lightbox>
        }

您无需在头像上添加新闻事件 灯箱会自动接受该事件。

其他样式，您可以使用灯箱的属性。