Как вытащить 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}
/>
);
};