Depuración de código nativo

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

Projects with Native Code Only

The following section only applies to projects with native code exposed. If you are using the managed Expo workflow, see the guide on prebuild to use this API.

Acceso a los registros

Puedes mostrar los registros nativos de una aplicación iOS o Android utilizando los siguientes comandos en una terminal mientras la aplicación se está ejecutando:

shell

# For Android:
npx react-native log-android
# Or, for iOS:
npx react-native log-ios

También puedes acceder a ellos mediante Debug > Open System Log… en el simulador de iOS o ejecutando adb logcat "*:S" ReactNative:V ReactNativeJS:V en una terminal mientras una aplicación de Android se ejecuta en un dispositivo o emulador.

💡 Custom Native Logs

If you are writing a Native Module and want to add custom logs to your module for debugging purposes, you can use the following method:

Android (Java/Kotlin)

In your native module, use the Log class to add logs that can be viewed in Logcat:

java

import android.util.Log;

private void log(String message) {
    Log.d("YourModuleName", message);
}

To view these logs in Logcat, use this command, replacing YourModuleName with your custom tag:

shell

adb logcat "*:S" ReactNative:V ReactNativeJS:V YourModuleName:D

iOS (Objective-C/Swift)

In your native module, use NSLog for custom logs:

objective-c

NSLog(@"YourModuleName: %@", message);

Or, in Swift:

swift

print("YourModuleName: \(message)")

These logs will appear in the Xcode console when running the app.

Depuración en un IDE nativo

Cuando trabajas con código nativo, por ejemplo al desarrollar módulos nativos, puedes iniciar la aplicación desde Android Studio o Xcode y aprovechar las funciones de depuración nativas (configurar puntos de interrupción, etc.) como lo harías al crear una aplicación nativa estándar.

Otra opción es ejecutar tu aplicación usando la CLI de React Native y conectar el depurador nativo del IDE (Android Studio o Xcode) al proceso.

Android Studio

En Android Studio puedes hacerlo yendo a la opción "Run" en la barra de menú, haciendo clic en "Attach to Process..." y seleccionando la aplicación de React Native en ejecución.

Xcode

En Xcode haz clic en "Debug" en la barra de menú superior, selecciona la opción "Attach to process" y elige la aplicación en la lista de "Likely Targets".