Capture d'écran

This content is not available in your language yet.

Pionne peut capturer une screenshot de l’app au moment exact du crash. La capture est jointe à l’event en JPG base64 et visible dans l’onglet “Capture” du dashboard.

Prérequis

Installe la dep optionnelle :

npx expo install react-native-view-shot

Activer la capture

Active l’option dans init :

Pionne.init({
  token: '...',
  captureScreenshot: true,
  screenshotQuality: 0.5, // optionnel, default 0.5
});

Pose une ref sur le <View> racine et passe-la au SDK :

import { useRef, useEffect } from 'react';
import { View } from 'react-native';
import { Pionne } from '@pionne/react-native';

export default function App() {
  const rootRef = useRef(null);
  useEffect(() => {
    Pionne.setRootRef(rootRef);
  }, []);

  return (
    <View ref={rootRef} style={{ flex: 1 }}>
      <MainNavigator />
    </View>
  );
}

Avec Expo Router, place le code dans app/_layout.tsx et wrappe <Stack> dans le <View> rooté.

Qualité et taille

`screenshotQuality`	Taille typique	Usage
`0.3`	~40 KB	Apps low-bandwidth
`0.5` (default)	~80 KB	Compromis recommandé
`0.8`	~200 KB	Si tu as besoin de lire le texte

La capture est encodée JPG et joint en base64 dans le payload (champ screenshot).

Désactiver pour certaines vues

Tu peux mettre une pointerEvents ou un wrapper pour exclure des écrans sensibles. Une approche simple : toggle à chaud avant d’entrer dans une vue critique.

useEffect(() => {
  Pionne.setRootRef(null); // pas de capture sur cet écran
  return () => Pionne.setRootRef(rootRef);
}, []);

Affichage côté dashboard

Dans l’app Pionne, ouvre un event → onglet Capture. La screenshot s’affiche en plein écran avec un bouton de zoom.