Debugowanie kodu natywnego

Nieoficjalne Tłumaczenie Beta

Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →

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.

Dostęp do logów

Możesz wyświetlić natywne logi aplikacji iOS lub Androida, używając następujących poleceń w terminalu podczas działania aplikacji:

shell

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

Dostęp do logów możesz uzyskać także w symulatorze iOS poprzez Debug > Open System Log… lub uruchamiając adb logcat "*:S" ReactNative:V ReactNativeJS:V w terminalu podczas działania aplikacji Androida na urządzeniu lub emulatorze.

💡 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.

Debugowanie w natywnym IDE

Podczas pracy z kodem natywnym, np. przy tworzeniu modułów natywnych, możesz uruchomić aplikację bezpośrednio z Android Studio lub Xcode i wykorzystać natywne funkcje debugowania (ustawianie punktów przerwania itp.), tak jak przy tworzeniu standardowej aplikacji natywnej.

Inną opcją jest uruchomienie aplikacji za pomocą React Native CLI i dołączenie debugera z natywnego IDE (Android Studio lub Xcode) do procesu.

Android Studio

W Android Studio przejdź do opcji "Run" na pasku menu, kliknij "Attach to Process..." i wybierz działającą aplikację React Native.

Xcode

W Xcode kliknij "Debug" w górnym pasku menu, wybierz opcję "Attach to process" i zaznacz aplikację na liście "Likely Targets".