react-native-cookies

import CookieManager, { Cookie } from "@react-native-cookies/cookies";
import React, { useState } from 'react';
import { Button, ScrollView, StyleSheet, Text, View } from 'react-native';

const App = () => {
  const [response, setResponse] = useState('');

  const mockedCookie: Cookie = {
    name: 'myCookie',
    value: 'myValue',
    domain: 'httpbin.org',
    path: '/',
    httpOnly: true,
    expires: '2030-06-01T12:30:00.00-05:00'
  };

  const url = "https://httpbin.org";

  const testMockedFunction = async (func: (...args: any[]) => Promise<any>, ...args: any) => {
    try {
      setResponse("");
      await func(...args).then(
        (result : any) => setResponse(JSON.stringify(result)),
        (reject : any) => setResponse(JSON.stringify(reject))
      );

    } catch(err) {
      if (err instanceof Error) {
        setResponse(err.message);
      }
    }
  };

  const fetchTest = async () => {
    setResponse("");
    const result = await fetch("https://httpbin.org/get");
    setResponse(`${await result.text()}`);
  };

  return (
    <View style={styles.container}>
      <View style={styles.textArea}>
        <ScrollView>
            <Text style={styles.text} numberOfLines={999}>
                {response}
            </Text>
        </ScrollView>
      </View>
      <View style={[styles.buttonRow, { width: 800 }]}>
          <Button title ={"httpbin.orgからフェッチ"} onPress={() => fetchTest()} />
          <Button title={"setメソッドをテスト"} onPress={() => testMockedFunction(CookieManager.set, url, mockedCookie)} />
          <Button title={"httpbin.orgのCookieを取得"} onPress={() => testMockedFunction(CookieManager.get, url)} />
          <Button title={"すべてのCookieを消去"} onPress={() => testMockedFunction(CookieManager.clearAll)} />
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    backgroundColor: '#dfebeb',
    justifyContent: 'center',
    paddingHorizontal: 5,
    flex: 1,
    display: 'flex',
    alignItems: 'center',
    overflow: 'hidden',
  },
  textArea: {
    width: 750,
    height: 250,
    alignItems: 'center',
    marginVertical: 20
  },
  buttonRow: {
    flexDirection: 'row',
    marginVertical: 10,
    justifyContent: 'space-between'
  },
  text: {
    color: 'black',
    fontFamily: 'monospace',
    overflow: 'scroll',
    flex: 1,
  }
});

export default App;