主要思想是使用***injectJavaScript***进行页面加载。

const App = () => {
  const webViewRef = React.useRef<WebView>(null);
  const reloadsCount = React.useRef<number>(0);
  const onLoadInjected = `
    window.addEventListener('load', (event) => {
      window.ReactNativeWebView.postMessage('InjectNewCode');
    });
  `;

  const injectNewJsCode = () => {
    webViewRef.current?.injectJavaScript(`alert('new code injected')`)
    reloadsCount.current++
  }

  return (
    <WebView
      ref={ webViewRef }
      pullToRefreshEnabled={ true }
      source={{
        uri: 'https://stackoverflow.com/questions/74386954/how-to-reinject-javascript-when-a-react-native-webview-reloads',
      }}
      onMessage={ ({ nativeEvent }) => {
        if (nativeEvent.data === 'InjectNewCode') {
          // skip the inital load event
          if (reloadsCount.current > 0) {
            injectNewJsCode()
          }
          reloadsCount.current++
        }
      }}
      injectedJavaScript={ onLoadInjected }
    />
  );
};