Как всплыть изображение на прессе в реагировать родной

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>
        }

Вам не нужно добавлять событие нажатия на лайтбокс, аватар автоматически примет событие.

Дополнительные стили, вы можете использовать свойстваЛайтбокс.