expo-network-logger

a library for wrapping Pulse in React Native (Expo) and Chucker in React Native (Expo).

It's only for iOS at the moment.

| ConsoleView (SwiftUI) | PulseLoggerView (with react native view) | | -------------------------------------------------------------------- | --------------------------------------------------------------------- | | | |

Table of Contents

• expo-network-logger
  • Table of Contents
  • Installation
    • Installation in managed Expo projects
    • Installation in bare React Native projects
    • Add the package to your npm dependencies
  • Configuration
    • Configure for iOS
  • Usage
    • Enable logging
    • Show Pulse Logger View (iOS only)
    • Show Chucker View (Android only)
  • Contributing

Installation

Installation in managed Expo projects

For managed Expo projects, please follow the installation instructions in the API documentation for the latest stable release. If you follow the link and there is no documentation available then this library is not yet usable within managed projects — it is likely to be included in an upcoming Expo SDK release.

Installation in bare React Native projects

For bare React Native projects, you must ensure that you have installed and configured the expo package before continuing.

Add the package to your npm dependencies

Using npm:

npm install expo-network-logger

Using yarn:

yarn add expo-network-logger

Using pnpm:

pnpm add expo-network-logger

Using bun:

bun add expo-network-logger

Configuration

Configure for iOS

You will need to make sure that your iOS deployment target is 14.0 or later.

1. Using expo plugin (Recommended):

   npx expo install expo-build-properties

   in app.json

   {
     "plugins": [
       [
         "expo-build-properties",
         {
           "ios": {
             "deploymentTarget": "14.0"
           }
         }
       ]
     ]
   }
   

2. Manually (Not Recommended):

   Navigate to ios/Podfile and replace this line with platform :ios, '14.0'

   - platform :ios, podfile_properties['ios.deploymentTarget'] || '13.4'
   + platform :ios, '14.0'

Run npx pod-install after installing the npm package.

Usage

Enable logging

import { enableLogging } from "expo-network-logger";

enableLogging();

Show Pulse Logger View (iOS only)

import { ExpoNetworkLoggerView } from "expo-network-logger";

<ExpoNetworkLoggerView style={{ flex: 1 }} />

Show Chucker View (Android only)

import { launchScreen } from "expo-network-logger";

launchScreen();

Contributing

Contributions are very welcome! Please refer to guidelines described in the contributing guide.