Как вытащить URL картинки из WebView в ReactNative?

В моем андройд приложении, картина отображена в WebView. При клике на нее либо долгом нажатии не выходит контекстное меню. Как я могу при клике скачать картинку?

Картинка уже отображена в WebView. Я думаю, что должен использовать "postMessage" чтобы отловить URL картинки и передать его в "onMessage". Как это можно реализовать? Помогите пожалуйста, я новичок). заранее спасибо.

Вот мой код:

import React from 'react';
import WebView from 'react-native-webview';
import { formatWebViewContent } from '@utils/formatting';
import { injectedNewsJavaScript } from '@const/index';
import { isAndroid } from '@utils/platform';
import { WebViewMessageEvent } from 'react-native-webview/lib/WebViewTypes';
import { ProtocolNews } from '@types';
import { styles } from './styles';

interface IProps {
  data: ProtocolNews;
  onWebViewMessage: (event: WebViewMessageEvent) => void;
}

export const NewsFullView: React.FC<IProps> = (props: IProps) => {
  const { data, onWebViewMessage } = props;
  return (
    <WebView
      renderToHardwareTextureAndroid
      source={formatWebViewContent(data)}
      injectedJavaScript={injectedNewsJavaScript}
      javaScriptEnabled
      onMessage={onWebViewMessage}
      automaticallyAdjustContentInsets={false}
      scrollEnabled
      showsHorizontalScrollIndicator={false}
      showsVerticalScrollIndicator={false}
      textZoom={100}
      scalesPageToFit={!isAndroid}
      style={styles.container}
    />
  );
};

Ответы (0 шт):