[RN] React Native Flipper 리액트 네이티브 플리퍼 연동 방법

React Native 앱을 개발할 때 페이스북에서 개발한 디버깅 툴이 있다.

RN을 개발한 팀에서 만든것이라 호환적인 부분이나 UI적인 부분에서도 보기 쉬운 장점도 있고,

React-Query나 로컬 스토리지 데이터를 볼수있는 장점도 있다.

 

Flipper는 기본적으로 설치 후 sdk 경로를 맞추고, Watchman 등을 연동한 뒤

npm run android만 해주면 바로 붙는데, 자동으로 붙지 않을 경우 이 부분을 확인해보기 바란다.

 

1) 패키지명 확인

만약 패키지명이 com.sample.app 이라면

android\app\src\main\java\com\sample\app 경로의 MainApplication.java 파일에

Filpper Init 관련 코드에 com.sample.app 으로 되어있는 지 확인.

Class<?> aClass = Class.forName("com.sample.app.ReactNativeFlipper");

2) gradle.properties에 Flipper Version 확인

Flipper의 버전과 gradle.properties 에 flipper_version 이 일치하는 지 확인.