Add `usesCleartextTraffic` to AndroidManifest.xml in Expo managed workflow

app.config.js

/*
 * Convert `app.json` to `app.config.js`
 * Install `@expo/config-plugins` as a devDependency
 * Copy the `withAndroidApplicationAttributes` config plugin and related `addAttributesToApplication` function to `app.config.js`
 * Add a `plugins` section to reference the config plugin and specify the attribute to add
 * Build with `eas build -p android ...`
 */
import { AndroidConfig, withAndroidManifest } from "@expo/config-plugins";

function addAttributesToApplication(androidManifest, attributes) {
  const app = AndroidConfig.Manifest.getMainApplicationOrThrow(androidManifest);

  app.$ = { ...app.$, ...attributes };

  return androidManifest;
}

function withAndroidApplicationAttributes(config, attributes) {
  return withAndroidManifest(config, (config) => {
    config.modResults = addAttributesToApplication(
      config.modResults,
      attributes
    );
    return config;
  });
}

export default {
  name: "androidManifestAttributeTest",
  slug: "androidManifestAttributeTest",
  version: "1.0.0",
  plugins: [
    [
      withAndroidApplicationAttributes,
      {
        "android:usesCleartextTraffic": false,
      },
    ],
  ],
  orientation: "portrait",
  icon: "./assets/icon.png",
  splash: {
    image: "./assets/splash.png",
    resizeMode: "contain",
    backgroundColor: "#ffffff",
  },
  updates: {
    fallbackToCacheTimeout: 0,
  },
  assetBundlePatterns: ["**/*"],
  ios: {
    supportsTablet: true
  },
  android: {
    adaptiveIcon: {
      foregroundImage: "./assets/adaptive-icon.png",
      backgroundColor: "#FFFFFF",
    },
    package: "com.example.androidManifestAttributeTest",
  },
  web: {
    favicon: "./assets/favicon.png",
  },
};