How to clear react native webview cookies?

在React Native中，要清除WebView的cookies，我们可以利用react-native-webview提供的injectJavaScript方法，或者使用react-native-cookies库。这里是两种方法的示例：

方法一：使用react-native-webview的injectJavaScript

当我们需要在WebView中注入JavaScript代码来清除cookies时，可以使用injectJavaScript方法。例如：

jsx
import React, { useRef } from 'react';
import { WebView } from 'react-native-webview';

const MyWebComponent = () => {
  const webviewRef = useRef(null);

  const clearCookies = () => {
    const script = `
      document.cookie.split(";").forEach((c) => {
        document.cookie = c
          .replace(/^ +/, "")
          .replace(/=.*/, "=;expires=" + new Date().toUTCString() + ";path=/");
      });
      true; // note: this is required, or you'll sometimes get silent failures
    `;

    webviewRef.current.injectJavaScript(script);
  };

  return (
    <WebView
      ref={webviewRef}
      source={{ uri: 'https://yourwebsite.com' }}
      onNavigationStateChange={(event) => {
        if (event.url === 'https://yourwebsite.com/some-path') {
          clearCookies();
        }
      }}
    />
  );
};

export default MyWebComponent;

在这个例子中，我们创建了一个函数clearCookies，这个函数会产生一个JavaScript片段，该片段会清除所有的cookies。我们通过injectJavaScript将这段脚本注入到WebView中执行。

方法二：使用react-native-cookies库

另一个处理cookies的方法是使用react-native-cookies库。首先需要安装这个库：

sh
npm install @react-native-cookies/cookies
# or
yarn add @react-native-cookies/cookies

然后，你可以使用clearAll方法来清除所有的cookies：

jsx
import React from 'react';
import { WebView } from 'react-native-webview';
import CookieManager from '@react-native-cookies/cookies';

const MyWebComponent = () => {

  const clearCookies = async () => {
    try {
      await CookieManager.clearAll();
      console.log('Cookies cleared!');
    } catch (error) {
      console.error('Failed to clear cookies:', error);
    }
  };

  // 当需要清除cookies时调用clearCookies方法
  clearCookies();

  return (
    <WebView source={{ uri: 'https://yourwebsite.com' }} />
  );
};

export default MyWebComponent;

在这个例子中，我们使用@react-native-cookies/cookies库的clearAll方法来清除所有cookies，这个操作是异步的，所以我们在clearCookies函数中使用了async/await。

两种方法都可以实现清除WebView的cookies，选择哪一种取决于具体的应用场景和个人偏好。