Change the label of "Take Screenshot" button

[sawa-ko]

Problem Statement

It is not possible to change the label of that button to change it for different languages, or use another name, as there is no option to do so; it is always in English.

Solution Brainstorm

Be able to change the title of the label on the button that takes screenshots. This button appears when you tap the Take Screenshot button on the report an error form.

    Sentry.feedbackIntegration({
       takeScreenshotWidgetButtonLabel: "Capturar pantalla"
    }),

Are you willing to submit a PR?

No

[linear]

RN-476

[sawa-ko]

Also, it appears poorly positioned, as it is visible below/above the bottom action bar.

[antonis]

Thank you for reaching out @sawa-ko 🙇

Please check the Screenshot Button Customization documentation. The triggerLabel should allow the desired documentation.

Also, it appears poorly positioned, as it is visible below/above the bottom action bar.

You can also define margins in the styles to place it in the correct position.

Let us know if this doesn't work for you and we will be happy to investigate this further.

[sawa-ko]

Hi @antonis
I think it's a big error to close the issue without confirming whether the solution is there.
What you mention doesn't work; I'm already using it.

Sentry.init({
  dsn: process.env.EXPO_PUBLIC_SENTRY_DSN,
  sendDefaultPii: true,
  enableLogs: true,
  replaysSessionSampleRate: 0.1,
  replaysOnErrorSampleRate: 1,
  tracesSampleRate: 1.0,
  profilesSampleRate: 1.0,
  spotlight: __DEV__,
  enabled: !__DEV__,
  enableNativeFramesTracking: !isRunningInExpoGo(),
  integrations: [
    navigationIntegration,
    Sentry.mobileReplayIntegration({
      maskAllImages: false,
      maskAllText: false,
      maskAllVectors: false,
    }),
    Sentry.feedbackIntegration({
      formTitle: 'Reportar un problema',
      errorTitle: 'Se ha producido un error',
      colorScheme: Appearance.getColorScheme() === 'dark' ? 'dark' : 'light',
      emailLabel: 'Correo electrónico',
      emailPlaceholder: 'tu.correo@sercargologistics.com',
      nameLabel: 'Nombre',
      namePlaceholder: 'Tu nombre',
      messageLabel: 'Descripción',
      isRequiredLabel: '(requerido)',
      addScreenshotButtonLabel: 'Agregar captura de pantalla',
      cancelButtonLabel: 'Cancelar',
      submitButtonLabel: 'Enviar reporte',
      captureScreenshotButtonLabel: 'Captura de pantalla',
      removeScreenshotButtonLabel: 'Eliminar captura de pantalla',
      enableScreenshot: true,
      enableTakeScreenshot: true,
      messagePlaceholder:
        '¿Cuál es el problema? Describe tu problema en detalle y los pasos para reproducirlo.',
      showBranding: false,
      shouldValidateEmail: true,
      emailError: 'Por favor introduce un correo electrónico válido.',
      formError: 'Se ha producido un error al enviar tu informe. Por favor, vuelve a intentarlo.',
      captureScreenshotError:
        'No se pudo capturar tu pantalla actual, por favor, inténtalo de nuevo y si no funciona, añádelo manualmente.',
      genericError:
        'Se ha producido un error al enviar tu informe. Por favor, vuelve a intentarlo.',
      successMessageText:
        'Tu informe se ha enviado correctamente. Pronto solucionaremos tu problema.',
      imagePicker: ImagePicker as any,
      buttonOptions: {
        triggerLabel: 'Reportar problema',
        styles: {
          triggerButton: {
            marginBottom: 512,
          },
        },
      },
    }),
  ],
});

[antonis]

Thank you for iterating on this @sawa-ko and sorry for rushing to close the issue 🙇
There seems to be a typo in the documentation. The triggerLabel should be set under the screenshotButtonOptions

Sentry.feedbackIntegration({
  screenshotButtonOptions: {
    triggerLabel: 'Antonis Test',
    styles: {
      triggerButton: {
        marginBottom: 75,
      },
    },
  },
}),

Let us know if that works for you 🙏